Brackets 強大的前端 Web 程式碼編輯工具

Brackets 是一款免費、開源且跨平台的 HTML/CSS/JavaScript 前端 Web 整合開發環境 (IDE 工具)，該專案由 Adobe 建立和維護，根據 MIT 授權條款發布，支援 Windows、Linux 以及 OS X 平台。

Brackets 的特色是簡約、優雅、快速，它沒有很多的檢視或面板，也沒有太多花俏的功能，它的核心目標是減少開發過程中那些效率低下的重複性工作，例如瀏覽器重新整理、修改元素的樣式、搜尋功能等等，和 Sublime 等通用程式碼編輯器不一樣，Brackets 是專門針對 WEB 前端開發而生。

演示圖

快捷鍵

• 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 程式碼註解時只能使用區塊註解快捷鍵

下載地址

https://github.com/adobe/brackets/releases/

總的來說，Brackets 這個專案還很新，潛力巨大，而且現在 Web 前端開發需求極其旺盛，真正好用且強大的免費工具也不是特別多，加上 Brackets 開源，支援多平台，所以還是非常值得嘗試與學習的，希望這款開發工具可以對你有所幫助吧。