brackets中文版v1.13

Brackets是由Adobe公司推出的一款免費、開源且跨平臺的web前端開發(fā)工具，界面更美觀，插件雖然不若sublime那么齊全，但也基本滿足需要。軟件非常靈活，擁有及時編輯即時顯示、快捷修改css等功能，幫助開發(fā)者更快捷舒適的完成web開發(fā)。可以直接導入PSD文件，可自動從PSD(如顏色、字體、坡度和圖像等)抽取設計信息，并生成純凈的CSS，非常實用、方便。

正文設置

1、首先進行軟件安裝，選擇安裝路徑，添加系統(tǒng)變量，點擊next

2、安裝完成后點擊finish退出

3、進入軟件，點擊菜單欄上的“Debug”—"Switch Language"進入語言設置界面

4、選擇“簡體中文”即可

使用教程

1、左鍵點擊文件夾的名字，點擊“打開目錄...”，我們就可選擇或者新建一個文件夾作為網(wǎng)站站點

2、接下來就是文件的新建，和編寫了。只要你添加好了后綴，當你進行編寫web的時候，他就自動關鍵字補全，很方便
3、點擊右上角閃電符號，他就會默認打開瀏覽器，實時刷新，可以一邊寫代碼，一邊就能夠看效果

4、點擊文件>擴展管理器，可以看到里面有很多插件，可以選擇自己需要的插件進行下載，如格式化代碼，輸入關鍵詞format

功能介紹

一、項目設置
1、打開軟件，整個界面很簡潔。左側為項目組織結構的文件樹，使用Ctrl+Shift+H可以呼出與關閉文件樹。右側為編輯區(qū)，上部為工具欄，中部為文檔區(qū)域，下部為提示區(qū)域
2、在【文件】菜單中，我們可以打開或者新建新的項目，同時需要對項目的Web地址進行設置，其要求是：必須是http://開頭的web地址(在之后的預覽中需要用到)
二、文件編輯
1、在文件樹中點擊index.html，主區(qū)域則打開index.html的文檔
2、軟件會自動檢測文檔是否符合html規(guī)范，如出現(xiàn)JS錯誤，會自動提示，如下圖所示則表示在20行有一個style樣式塊需要放在head節(jié)點里。
3、把光標放在一個class或id屬性的標簽名稱上，按下Ctrl + E（快速編輯）。它將搜索項目下所有CSS文件，然后打開一個內(nèi)嵌的編輯器嵌入在HTML文件中，可以讓你迅速修改CSS代碼
4、軟件還支持對JS對象定義的快速預覽/編輯，把光標放在一個js函數(shù)名稱上，按下“Ctrl + E”即可
5、Brackets內(nèi)建取色器，提供RGBa、HEX、HSLa的顏色編碼形式。把光標放在一個顏色編碼上，按下”Ctrl+ E“，退出取色器窗口時需要使用Esc鍵
三、即時預覽
提供網(wǎng)頁即時預覽功能。使用該功能時，他調(diào)用Chrome瀏覽器打開當前頁面，此后修改html、css、javascript并保存后，所修改的內(nèi)容會即時響應到瀏覽器中的頁面，無須手動刷新頁面。（這是Brackets最大的一個亮點，有兩個顯示器的coder有福了，可以分屏顯示Brackets和chrome，即時修改即時預覽，無需切換編輯器/瀏覽器和刷新頁面）。

快捷鍵

ctrl+b 當選中一個文本時,會出現(xiàn)相同的文本,被高亮顯示 按ctrl+b 相同的文本就全部獲得了焦點 這樣就可以同時更改這些相同的文本
ctrl+e    打開或關閉快速編輯
alt+u 注釋
ctrl+/ 注釋
ctrl+\ 注釋
ctrl+d 復制一行
ctrl+shift+d 刪除一行
alt+u 注釋
ctrl+/ 注釋
ctrl+\ 注釋
ctrl+q 退出整個編輯器
ctrl+w 關閉當前文件
ctrl+e 查找文檔
ctrl+k 查找文檔
ctrl+g 跳到某一行  (輸行號)
tab 自動補全
ctrl+x 剪切 一行全剪切掉
ctrl+l (英文字母) 選中一行
ctrl+shift+k 刪除整個標簽
shift+command+,   進行選擇   移動,擴大范圍
shift+command+.   進行選擇   縮小范圍
Ctrl/Cmd+Shift+H可以呼出與關閉文件樹。
ctrl+shift+a  選中一段文字后加標簽 里面可以是 div.container 或 ul>li* 等
ctrl+alt+b 選中標簽內(nèi)的內(nèi)容 再按一次 包含標簽
ctrl+shift+m 選中標簽內(nèi)的內(nèi)容 (包括標簽) 但是代碼全集中堆在一起了
Ctrl/Cmd + E 快速預覽/編輯 css樣式/javascript函數(shù)
Ctrl/Cmd + +/- 放大縮小編輯區(qū)字體大小
Ctrl/Cmd + 0 重置編輯區(qū)字體大小
Ctrl/Cmd + Alt + P 打開即時預覽功能
Ctrl/Cmd + / 行注釋
Ctrl/Cmd + Alt + / 塊注釋

更新日志

1、節(jié)點升級到6.3.1
2、括號1.8附帶節(jié)點6.3.1。此次升級后，你可以利用所有最新的NPM模塊的優(yōu)勢，開發(fā)支架擴展。
3、新的編輯器上下文菜單項
4、剪切，復制和粘貼操作現(xiàn)在在上下文菜單中提供。
5、對于車把模板文件的代碼折疊支持
6、代碼折疊現(xiàn)在已經(jīng)在車把模板文件塊和助手啟用。
7、支架1.8現(xiàn)在支持“ARIA”屬性HTML屬性代碼提示。