軟件介紹

Brackets編輯器是一款免費開源的編程代碼編輯軟件，我們可以通過這款軟件來獲取到多種不同的編碼，并且能夠使用這些編碼來快速完成編程工作，從而提升你開發程序的效率。

軟件簡介

Brackets 是 Adobe 的開源 HTML/CSS/JavaScript 集成開發環境。Brackets 當前為Mac, Windows以及Linux (Debian/Ubuntu)提供最新穩定版的二進制發布, 源代碼托管在GitHub上，Adobe Brackets的聯機編輯器無需彈出窗口或輔助標簽就可以在一些特定的代碼上運行。用戶還可以下載、并使用擴展插件(比如Git整合，JSHint支持，等)添加功能，以支持自己的工作流程。

快捷鍵大全

Ctrl/Cmd + Shift + H 可以呼出與關閉文件樹

Ctrl/Cmd + Shift + O 快速打開文件

Ctrl/Cmd + E 快速預覽/編輯 css樣式/javascript函數

Ctrl/Cmd + +/– 放大縮小編輯區字體大小

Ctrl/Cmd + 0 重置編輯區字體大小

Ctrl/Cmd + Alt + P 打開即時預覽功能

Ctrl/Cmd + / 注釋

Ctrl/Cmd + Alt + / 塊注釋

Brackets編輯器功能介紹

1、快速編輯

將光標定在顏色上，按下快捷鍵Ctrl+E即可編輯顏色。

將光標定在標簽或者class或者id上，Brackets就會搜索整個目錄下的css，列出匹配的項，快速編輯樣式，再也不用到處找樣式啦！

2、快速文檔

文檔是英文的，快捷鍵是Ctrl+K，簡單測試得出，可以提示css屬性的用法

3、多點編輯

選中一串字符，按Ctrl+B可以連續選擇相同的字符一起編輯。或者可以通過按住Ctrl+鼠標左鍵點擊來設定多個編輯點。

4、目錄管理

側邊欄分為兩塊，上面一塊工作區，顯示當前打開的文檔，下面一塊是當前目錄的文件列表，點擊目錄名稱可以添加新的目錄或者切到其它目錄（Brackets里叫目錄，不叫項目，其實一樣）。工作區右邊兩個按鈕，一個是設置排序按鈕，一個是分屏按鈕，可以將屏幕橫切或豎切成兩塊。

5、實時預覽

實時預覽，你懂的。用過Sublime Text的應該知道Emmet LiveStyle，但是有許多問題。而Brackets的實時預覽是編輯器本身就整合的，使用起來要好的多。點擊右側擴展里的第一個閃電圖標打開實時預覽。

第二個圖標是同步手機端實時預覽，手機端需要安裝Edge CC。

其實Brackets還有另外一個名字Adobe Edge Code CC，他們的功能幾乎一模一樣，至于到底什么關系，就等英語學的好的大神們去窺探了。

6、JSLint語法檢查

對js文件，內置JSLint語法檢查器，它可以檢查出一些難以用肉眼發覺的錯誤