Brackets是一個開源的基於HTML/CSS/JavaScript開發，運行在native shell上的集成開發環境。該項目由Adobe創建和維護，根據MIT許可證發佈。提供Windows和OS X平臺支持。
Brackets的特點是簡約、快捷，沒有很多的視圖或者面板，它的核心目標是減少在開發過程中那些效率低下的重複性工作，例如瀏覽器刷新，修改元素的樣式，搜索功能等等。
前往Brackets download頁面下載所需版本。
一、項目設置
1、打開Brackets，整個界面很簡潔，頂部菜單欄只提供file > exit退出編輯器功能。左側爲項目組織結構的文件樹，使用Ctrl/Cmd+Shift+H可以呼出與關閉文件樹。右側爲編輯區，上部爲工具欄，中部爲文檔區域，下部爲提示區域。
2、打開項目 使用File > Open
Folder命令打開項目文件夾，左側文件樹項目名更新爲項目文件夾名，文件樹更新爲當前項目的文件樹。
在項目名上單擊左鍵，彈出項目編輯菜單，編輯菜單會顯示歷史項目，以及項目編輯命令。
Open Folder命令：打開新的項目。
Project
Settings命令：設置當前項目的Web地址，在頁面調試預覽時會用到。
設置要求：必須是http://開頭的web地址。
如上圖，設置爲http://127.0.0.1/demo/slide時，在瀏覽器預覽時，會通過web地址打開相應的頁面。
如果沒有設置，會通過文件的盤符地址打開頁面。
二、文件編輯
在文件樹中點擊index.html，主區域打開index.html的文檔。
1、Brackest會檢測文檔是否符合html規範，如下圖提示，在20行有一個style樣式塊需要放在head節點裏。
2、把光標放在一個class或id屬性的標籤名稱上，按下Ctrl/Cmd + E（“編輯”）或退出編輯。Brackets將搜索項目下所有CSS文件，然後打開一個內嵌的編輯器嵌入在HTML文件中，可以讓你迅速修改CSS代碼。
當前class/id標籤有多處樣式定義時，編輯窗口提供切換按鈕來切換顯示樣式，也可以使用Alt
+ Up/Down箭頭鍵切換。
需要注意的是，Brackets會檢測當前html文檔以及項目下所有CSS文件來查找class/id樣式，即使某些CSS文件在當前html文檔中未被引用到。
3、Brackets同樣支持對JS對象定義的快速預覽/編輯，把光標放在一個js函數名稱上，按下Ctrl/Cmd + E（“編輯”）或退出編輯。
4、Brackets內建取色器，提供RGBa、HEX、HSLa的顏色編碼形式。把光標放在一個顏色編碼上，按下Ctrl/Cmd + E（“編輯”），退出取色器窗口需要使用Esc鍵。
三、即時預覽
Brackets提供網頁即時預覽功能。使用該功能時，Brackets調用Chrome瀏覽器打開當前頁面，此後修改html、css、javascript並保存後，所修改的內容會即時響應到瀏覽器中的頁面，無須手動刷新頁面。這是Brackets最大的一個亮點，有兩個顯示器的coder有福了，可以分屏顯示Brackets和chrome，即時修改即時預覽，無需切換編輯器/瀏覽器和刷新頁面。
目前即時預覽功能的一些限制：
它僅適用於Chrome瀏覽器爲目標瀏覽器，你必須安裝Chrome。
它依賴於在Chrome瀏覽器中的遠程調試功能，這是一個命令行標誌啓用。在Mac上，如果你已經在使用Chrome瀏覽器，這時啓動“即時預覽”，Brackets將詢問你是否要重新啓動Chrome瀏覽器啓用遠程調試功能。
只能同時對一個HTML文件進行預覽 - 如果切換另一個HTML文件，Brackets將關閉原來的預覽。
四、部分快捷鍵
Ctrl/Cmd+Shift+H 可以呼出與關閉文件樹
Ctrl/Cmd + E 快速預覽/編輯 css樣式/javascript函數
Ctrl/Cmd + +/- 放大縮小編輯區字體大小
Ctrl/Cmd + 0 重置編輯區字體大小
Ctrl/Cmd + Alt + P 打開即時預覽功能
Ctrl/Cmd + / 行註釋
Ctrl/Cmd + Alt + / 塊註釋
注：css代碼、html代碼註釋時只能使用塊註釋快捷鍵
有待改進之處：
1、撤銷修改功能支持的步數較少
2、未保存的修改在撤銷時會一次撤銷到最後一次保存的狀態
3、取色器不支持Ctrl/Cmd + E關閉
4、javascript只支持對函數的快速預覽/編輯
5、對於css樣式、javascript函數的快速預覽：
- Brackets會檢測當前html文檔以及項目下所有css、javascript文件來查找目標，即使某些css、javascript文件在當前html文檔中未被引用到
- 對於作爲JSON對象屬性的函數的查找結果，其他對象中的同名函數也會被索引到
6、在使用網頁即時預覽功能時，打開Chrome控制檯，Brackets會退出即時預覽
7、不支持雙擊選中中文字符串
8、不支持代碼摺疊
PS:現在最新版已經更新到21了，附上下載鏈接：
http://download.brackets.io/file.cfm?platform=WIN&build=21
