Brackets—又一款WEB開發神器
Adobe Brackets 是由 Adobe 主導開發一款主打 web 開發的編輯器。 是繼 TextMate,Sublime Text 這兩個神器后，有望成為 Web 開發前后端開發神器。 Brackets 自帶強大的插件系統，先已有近百個插件，對 nodejs, python, ruby， PHP, Rust 等前后端語言都支持非常好。雖然是打著 Web 開發，從各種插件來看， Brackets 的野心是不小的。
Brackets 的主 UI 相對清爽，標準的左邊文件欄，右邊插件欄，下面各種信息和主要操作區域。
部分快捷鍵
- Ctrl/Cmd + Shift + H 可以呼出與關閉文件樹
- Ctrl/Cmd + Shift + O 快速打開文件
- Ctrl/Cmd + T 快速跳到某個 TAG
- Ctrl/Cmd + E 快速預覽/編輯 css 樣式/javascript 函數
- Ctrl/Cmd + +/– 放大縮小編輯區字體大小
- Ctrl/Cmd + 0 重置編輯區字體大小
- Ctrl/Cmd + Alt + P 打開即時預覽功能
- Ctrl/Cmd + / 注釋
- Ctrl/Cmd + Alt + / 塊注釋
優秀的插件
1. 代碼格式化插件：Beautify
直接打開 Brackets 插件管理器，搜索安裝 beautify。 安裝完畢后，選擇菜單上的編輯→beautify（或使用快捷鍵 ctrl+alt+L）完成代碼格式化
2. HTML 代碼編輯：Emmet
最強大的 HTML 和 CSS 快速編輯插件
3. CSS 和 JS 壓縮插件：Minify
很強大的插件，集成了 CSS 和 JS 的壓縮，會在同個目錄下自動生成 .min. 格式的文件。
4. CSS3 代碼自動補全插件：auto prefix
使用 CanIUse 上的 css3 數據，自動補全 css3 前綴和瀏覽器兼容，不過可能有些新了。有一些舊版本的瀏覽器會被拋棄掉。
5. 代碼折疊插件：brackets-code-folding
安裝 URL：https://github.com/thehogfather/brackets-code-folding
默認不支持代碼的可折疊功能。通過此擴展的安裝，對代碼添加可折疊功能。
6. Brackets Git
Git 集成
7. Brackets Kill Ring
類似 Emacs 的 kill ring
8. Align It
對齊
9. Pretty Json
格式化 Json
10. Python flake8 Lint
Python 的格式化
11. Themes
配色
12. ImageToData
圖片轉為 base64 字符串
官網下載：
Brackets：http://brackets.io/
via cngump.com