三、Brackets：一個好用的Web前端開發編輯器

前言

如果你以前在使用 Dreamweaver 或 Zendstudio 編寫HTML,CSS代碼，那么你可以嘗試使用這個編輯器。他的界面簡潔，舒服。

介紹

• 免費、開源、跨平台的前端開發環境（只是前端開發環境），由Adobe創建和維護，遵循MIT License，支持 Windows、Linux、OS X 平台，大小只有40M左右。

功能特色

• Live Preview：代碼一修改，瀏覽器中立即呈現，不需要多余的刷新頁面操作。

• Open Folder命令：以一個文件夾作為一個工程。

• 快捷鍵 CTRL+ E
  • 光標停在某個id/class按下此快捷鍵，則快速顯示關聯的CSS、JS，免去了尋找對應CSS的煩惱。
  • 光標停在某個顏色上，則打開取色器。　

• 自動提示CSS、HTML、Javascript

快捷鍵

• Ctrl/Cmd+Shift+H 可以呼出與關閉文件樹
• Ctrl/Cmd + E 快速預覽/編輯 css樣式/javascript函數
• Ctrl/Cmd + +/- 放大縮小編輯區字體大小
• Ctrl/Cmd + 0 重置編輯區字體大小
• Ctrl/Cmd + Alt + P 打開即時預覽功能
• Ctrl/Cmd + / 行注釋
• Ctrl/Cmd + Alt + / 塊注釋

參考文獻

[1] http://brackets.io/

[2] http://www.360doc.com/content/13/1110/08/13232598_328064803.shtml