Brackets

通過專注的可視化工具和預處理器支持，Brackets 是一款現代化的文本編輯器，可以很容易地在瀏覽器中進行設計。嘗試創意云抽取（預覽）為 Brackets 一個簡單的方法來獲得乾淨，最小的 CSS 直接從 PSD 沒有生成 code.

Why 使用 Brackets？
Brackets 是一個輕量級，但功能強大，現代的文本編輯器。將可視化工具混合到編輯器中，以便在需要時獲得適當的幫助。每 3 - 4 週發布一次新功能和擴展，就像是一年四季都能得到禮物.

獲取 PSD
的代碼提示 Brackets（預覽）擴展的提取可以讓你從 PSD 中提取設計信息，包括顏色，字體，漸變和通過上下文代碼提示將測量信息作為乾淨的，最小的 CSS。您也可以將圖層提取為圖像，使用 PSD 中的信息來定義預處理器變量，並輕鬆地在對象之間獲取尺寸。所有在您的代碼的上下文中。

Inline Editors
Brackets 不是在文件標籤之間跳轉，而是讓您打開一個窗口，放入您最關心的代碼中。想要處理適用於特定 ID 的 CSS？將鼠標光標放在該 ID 上，按下 Command / Ctrl + E，Brackets 將在內聯窗口中顯示具有該 ID 的所有 CSS 選擇器，以便您可以並排處理代碼而不用任何彈出窗口.

Live Preview
獲取一個真實連接到您的瀏覽器。對 CSS 和 HTML 進行更改，您將立即在屏幕上看到這些更改。還可以通過簡單地將光標放在瀏覽器上查看您的 CSS 選擇器在瀏覽器中的位置。這是代碼編輯器的強大功能，具有瀏覽器內開發工具的便利性.

預處理器支持
以全新的方式處理預處理器。我們知道預處理器對您的工作流程有多重要。這就是為什麼它想為 Brackets 做預處理器的最好的代碼編輯器。隨著 Brackets 你可以使用快速編輯和現場突出你的 LESS 和 SCSS 文件，這將使它們比以前更容易工作.

也可用：下載 Brackets 為 Mac