Brackets是一款輕量級的集HTML/CSS/JavaScrip等多種開發環境於一體的網頁開發軟件,將視覺工具融於其中,支持即時預覽,開發過程中即可快速看到生成頁麵,方便用戶隨時修改和查看網頁效果,特此為大家帶來Brackets1.7最新版供大家使用,內附Brackets,供大家學習。
Adobe Brackets的聯機編輯器無需彈出窗口或輔助標簽就可以在一些特定的代碼上運行。用戶還可以下載、並使用擴展插件(比如Git整合,JSHint支持,等)添加功能,以支持自己的工作流程。
Adobe Brackets是由Adobe主導開發一款主打web開發的編輯器。 是繼TextMate,Sublime Text這兩個神器後,有望成為Web開發前後端開發神器。 Brackets自帶強大的插件係統,先已有近百個插件,對nodejs,python, ruby, PHP, Rust等前後端語言都支持非常好。雖然是打著Web開發,從各種插件來看, Brackets的野心是不小的。
一、項目設置
1、打開Brackets,整個界麵很簡潔,頂部菜單欄隻提供file > exit退出編輯器功能。左側為項目組織結構的文件樹,使用Ctrl/Cmd+Shift+H可以呼出與關閉文件樹。右側為編輯區,上部為工具欄,中部為文檔區域,下部為提示區域。
2、打開項目 使用File > Open Folder命令打開項目文件夾,左側文件樹項目名更新為項目文件夾名,文件樹更新為當前項目的文件樹。
在項目名上單擊左鍵,彈出項目編輯菜單,編輯菜單會顯示曆史項目,以及項目編輯命令。
Open Folder命令:打開新的項目。Project Settings命令:設置當前項目的Web地址,在頁麵調試預覽時會用到。
設置要求:必須是http://開頭的web地址。設置為http://127.0.0.1/demo/slide時,在瀏覽器預覽時,會通過web地址打開相應的頁麵。如果沒有設置,會通過文件的符地址打開頁麵。
二、文件編輯
在文件樹中點擊index.html,主區域打開index.html的文檔。
1、Brackest會檢測文檔是否符合html規範,如下圖提示,在20行有一個style樣式塊需要放在head節點裏。
2、把光標放在一個class或id屬性的標簽名稱上,按下Ctrl/Cmd + E(“編輯”)或退出編輯。Brackets將搜索項目下所有CSS文件,然後打開一個內嵌的編輯器嵌入在HTML文件中,可以讓你迅速修改CSS代碼。
當前class/id標簽有多處樣式定義時,編輯窗口提供切換按鈕來切換顯示樣式,也可以使用Alt + Up/Down箭頭鍵切換。
需要注意的是,Brackets會檢測當前html文檔以及項目下所有CSS文件來查找class/id樣式,即使某些CSS文件在當前html文檔中未被引用到。
3、Brackets同樣支持對JS對象定義的快速預覽/編輯,把光標放在一個js函數名稱上,按下Ctrl/Cmd + E(“編輯”)或退出編輯。
4、Brackets內建取色器,提供RGBa、HEX、HSLa的顏色編碼形式。把光標放在一個顏色編碼上,按下Ctrl/Cmd + E(“編輯”),退出取色器窗口需要使用Esc鍵。
三、即時預覽
Brackets提供網頁即時預覽功能。使用該功能時,Brackets調用Chrome瀏覽器打開當前頁麵,此後修改html、css、javascript並保存後,所修改的內容會即時響應到瀏覽器中的頁麵,無須手動刷新頁麵。這是Brackets最大的一個亮點,有兩個顯示器的coder有福了,可以分屏顯示Brackets和chrome,即時修改即時預覽,無需切換編輯器/瀏覽器和刷新頁麵。
目前即時預覽功能的一些限製:
它僅適用於Chrome瀏覽器為目標瀏覽器,你必須安裝Chrome。
它依賴於在Chrome瀏覽器中的遠程調試功能,這是一個命令行標誌啟用。在Mac上,如果你已經在使用Chrome瀏覽器,這時啟動“即時預覽”,Brackets將詢問你是否要重新啟動Chrome瀏覽器啟用遠程調試功能。
隻能同時對一個HTML文件進行預覽 - 如果切換另一個HTML文件,Brackets將關閉原來的預覽。
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 + / 塊注釋
支架應用殼現在升級到CEF 2623
新的最近的文件導航對話框顯示所有打開的文件曆史,可以切換到一個文件上。新的對話框還跟蹤不在工作組中的打開的文件。
支持64位係統
76.4M / 03-25
55M / 06-05
237.9M / 04-13
140.5M / 03-06
900.9M / 03-02
96.2M / 07-06
311.2M / 07-06
335M / 07-06
200M / 07-06
413.8M / 07-06
353.9M / 06-05
131.8M / 04-13
230.8M / 03-03
195.6M / 03-03
165.4M / 03-03
45.6M / 09-08
665.2M / 07-06
2.84G / 07-06
93M / 07-06
338.3M / 07-06
1.38G / 07-26
488.3M / 07-16
109.8M / 06-03
142M / 01-08
1.2M / 11-23
548.8M / 04-13
1.6M / 04-13
1.48G / 03-18
646.6M / 03-03
133.7M / 03-03
325.8M / 06-07
60M / 04-29
254M / 04-25
659M / 04-23
1M / 12-26
253.4M / 12-08
253M / 12-08
1.19G / 11-16
110.5M / 04-23
26.7M / 03-16
488.3M / 07-16
248.9M / 12-08
248.9M / 12-08
201.2M / 04-13
100.6M / 03-06
148.9M / 03-06
1.12G / 07-06
1.25G / 07-06
9.48G / 07-06
50KB / 07-06
116.2M / 04-10
1.92G / 04-17
201.5M / 04-13
7.31G / 07-01
94.3M / 07-06
2.48G / 07-06
7.63G / 07-06
1M / 07-06
778.1M / 07-06
509.7M / 07-06
561.8M / 07-11
1.32G / 01-19
72M / 07-06
548.7M / 07-06
1.00G / 07-06
9.13G / 07-06
126.2M / 07-06
72M / 07-06
105.1M / 07-06
132M / 07-06