Adobe Brackets 用來寫 HTML 和 CSS 有什麼優勢和技巧？

01-30

官方主頁是： Brackets

曾經持續用了兩個月

1. extensions很多: 足夠平常寫程序使用在https://github.com/adobe/brackets/wiki/Brackets-Extensions能找到不過現在有沒有AngularJS這樣的插件就不知道了

2. 開源: Sublime Text2彈窗很煩但是又不忍去用綠色版吧所以Brackets作為開源的存在真是福音

3. 實時預覽：如 @ihank 所說內置一個chrome瀏覽器吧理論上會有實時刷新的效果是的就和Grunt的live一樣但是！如果HTML結構有點複雜CSS有一點點多刷新就會非常非常慢通常都是要手動刷新的= =

4. 顯示顏色圖片...：比如寫了#FFF在CSS上游標移上去會有一個浮層顯示對應的色塊 coder可以看到"白色" 或者如果有一個&

游標移上去的時候同樣會有可視化的效果讓你直接看到圖片是什麼

其實怎麼用Brackets寫HTML和CSS 在的Brackets視頻上說的很清楚了不過如果有十個以上的HTML和CSS 還是建議不要用它因為在Brackets上打開就會相當卡 (不過不排除是本人的電腦問題)

嗯所以那兩個月後我就回歸Sublime了

第一下就能吸引人的亮點是cmd+E快速預覽，就能在HTML文檔中直接查看和修改關聯的CSS或者在JS文檔中查看和修改方法。不過現在的檢索是全項目搜索，css多了找起來還是有點麻煩。之後應該會做到模塊依賴。其他的功能該有的都有，沒有的也能通過插件解決，十分輕量。

當然這不是Brackets最大的優點，用JS寫的開源前端IDE才是。從此前端工程師自給自足，想怎麼玩就怎麼玩，想想都有點小激動。

會一直使用Brackets，非常看好。也希望能貢獻點自己的力量。

之前用過 Brackets 這個ide ，用這個的理由是輕便，代碼格式看起來很舒服

亮點功能還真沒有多少 -_- （因為目前市面上的ide，優秀的已經非常多了）貌似像 @ihank 回答的第二個功能比較有意思（不知道有沒有做到有模塊依賴的預覽，如果醬紫的話，還真有點好玩）。

Brackets就是有點慢，別的挺好的

webstorm路過話說編輯器順手就好

難道不用sublime 或者vim嗎？

1. Brackets自帶一個單獨的Chrome可以用來實時預覽自己寫好的html和CSS。

2. Ctrl/Cmd+E 可以快速給html添加CSS代碼。

拋磚引玉……

個人不推薦，基本大多數公司都是dw