軟件介紹

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

軟件簡(jiǎn)介

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

快捷鍵大全

Ctrl/Cmd + Shift + H 可以呼出與關(guān)閉文件樹(shù)

Ctrl/Cmd + Shift + O 快速打開(kāi)文件

Ctrl/Cmd + E 快速預(yù)覽/編輯 css樣式/javascript函數(shù)

Ctrl/Cmd + +/– 放大縮小編輯區(qū)字體大小

Ctrl/Cmd + 0 重置編輯區(qū)字體大小

Ctrl/Cmd + Alt + P 打開(kāi)即時(shí)預(yù)覽功能

Ctrl/Cmd + / 注釋

Ctrl/Cmd + Alt + / 塊注釋

Brackets編輯器功能介紹

1、快速編輯

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

將光標(biāo)定在標(biāo)簽或者class或者id上，Brackets就會(huì)搜索整個(gè)目錄下的css，列出匹配的項(xiàng)，快速編輯樣式，再也不用到處找樣式啦！

2、快速文檔

文檔是英文的，快捷鍵是Ctrl+K，簡(jiǎn)單測(cè)試得出，可以提示css屬性的用法

3、多點(diǎn)編輯

選中一串字符，按Ctrl+B可以連續(xù)選擇相同的字符一起編輯。或者可以通過(guò)按住Ctrl+鼠標(biāo)左鍵點(diǎn)擊來(lái)設(shè)定多個(gè)編輯點(diǎn)。

4、目錄管理

側(cè)邊欄分為兩塊，上面一塊工作區(qū)，顯示當(dāng)前打開(kāi)的文檔，下面一塊是當(dāng)前目錄的文件列表，點(diǎn)擊目錄名稱(chēng)可以添加新的目錄或者切到其它目錄（Brackets里叫目錄，不叫項(xiàng)目，其實(shí)一樣）。工作區(qū)右邊兩個(gè)按鈕，一個(gè)是設(shè)置排序按鈕，一個(gè)是分屏按鈕，可以將屏幕橫切或豎切成兩塊。

5、實(shí)時(shí)預(yù)覽

實(shí)時(shí)預(yù)覽，你懂的。用過(guò)Sublime Text的應(yīng)該知道Emmet LiveStyle，但是有許多問(wèn)題。而B(niǎo)rackets的實(shí)時(shí)預(yù)覽是編輯器本身就整合的，使用起來(lái)要好的多。點(diǎn)擊右側(cè)擴(kuò)展里的第一個(gè)閃電圖標(biāo)打開(kāi)實(shí)時(shí)預(yù)覽。

第二個(gè)圖標(biāo)是同步手機(jī)端實(shí)時(shí)預(yù)覽，手機(jī)端需要安裝Edge CC。

其實(shí)Brackets還有另外一個(gè)名字Adobe Edge Code CC，他們的功能幾乎一模一樣，至于到底什么關(guān)系，就等英語(yǔ)學(xué)的好的大神們?nèi)ジQ探了。

6、JSLint語(yǔ)法檢查

對(duì)js文件，內(nèi)置JSLint語(yǔ)法檢查器，它可以檢查出一些難以用肉眼發(fā)覺(jué)的錯(cuò)誤