作了幾年的 .Net 項目開發，後來公司轉 Java 語言開發，Java 作了還沒一年，公司準備先後端分離開發，而我被分到前端！css
Brackets是一款基於web(html+css+js)開發的web前端編輯器。它有許多普通編輯器難以實現的功能，是web前端開發者的神器。html
Brackets官網下載：http://brackets.io/前端
其功能以下：web
一、快速編輯
將光標定在顏色上，按下快捷鍵Ctrl+E便可編輯顏色。後端
將光標定在標籤或者class或者id上，Brackets就會搜索整個目錄下的css，列出匹配的項，快速編輯樣式，不再用處處找樣式啦！瀏覽器
二、快速文檔
文檔是英文的，快捷鍵是Ctrl+K，簡單測試得出，能夠提示css屬性的用法前後端分離
三、多點編輯
選中一串字符，按Ctrl+B能夠連續選擇相同的字符一塊兒編輯。或者能夠經過按住Ctrl+鼠標左鍵點擊來設定多個編輯點。編輯器
四、目錄管理
側邊欄分爲兩塊，上面一塊工做區，顯示當前打開的文檔，下面一塊是當前目錄的文件列表，點擊目錄名稱能夠添加新的目錄或者切到其它目錄（Brackets裏叫目錄，不叫項目，其實同樣）。工做區右邊兩個按鈕，一個是設置排序按鈕，一個是分屏按鈕，能夠將屏幕橫切或豎切成兩塊。函數
五、實時預覽
實時預覽，你懂的。用過Sublime Text的應該知道Emmet LiveStyle，可是有許多問題。而Brackets的實時預覽是編輯器自己就整合的，使用起來要好的多。點擊右側擴展裏的第一個閃電圖標打開實時預覽。工具
第二個圖標是同步手機端實時預覽，手機端須要安裝Edge CC。
其實Brackets還有另一個名字Adobe Edge Code CC，他們的功能幾乎如出一轍，至於到底什麼關係，就等英語學的好的大神們去窺探了。
六、JSLint語法檢查
對js文件，內置JSLint語法檢查器，它能夠檢查出一些難以用肉眼發覺的錯誤，吐槽一下，少個空格你也算個問題？一個alert函數你報了8個問題。。。
七、擴展插件
Brackets也支持插件，點擊右側工具箱的圖標，能夠打開擴展管理，固然，有時候會被牆一下。
推薦幾個經常使用插件：
Emmet
Minifier
Beautify（代碼美化，格式化）
Brackets Snippets（代碼片斷）
總結
Brackets用着漂亮的UI，還有許多特點功能，它是一款基於web語言開發的編輯器，在編輯器中按F12會在Chrome瀏覽器中打開控制檯，能夠看到Brackets的「內臟」。
本人使用的是Sublime Text，因爲熟悉了ST的快捷鍵，自定義了許多代碼片斷，宏命令等，轉到Brackets實在不捨。
目前我發現它也有一些缺點，以下：
一、快速樣式編輯由於要搜索整個目錄，因此速度會很慢，要用它得配個SSD才行。。。
二、目前沒有發現宏功能，不過對宏的需求不是很大。
三、代碼片斷沒有ST好用，快捷鍵須要設置組合鍵，其餘鍵按了不是沒反應就是觸發默認功能了。
四、沒有ST那麼爲所欲爲，ST甚至能夠修改Tab鍵、Enter的默認功能，觸發順序等，很是強大。
但對於新手來講，我比較推薦這款編輯器，畢竟除去了習慣的問題，它仍是有許多地方作的比Sublime Text要好。