Brackets是一個(gè)針對(duì)網(wǎng)頁設(shè)計(jì)師和前端開發(fā)人員的開放的源代碼編輯器。它融合了可視化工具到編輯器中同時(shí)推進(jìn)HTML和CSS作為你的代碼到瀏覽器。 Brackets由Adobe創(chuàng)建和維護(hù)的開源 HTML/CSS/JavaScript 運(yùn)行在native shell上的集成開發(fā)環(huán)境,根據(jù)MIT許可證發(fā)布。Brackets提供Windows 和OS X 平臺(tái)支持。Brackets的特點(diǎn)是簡約、快捷,沒有很多的視圖或者面板,它的核心目標(biāo)是減少在開發(fā)過程中那些效率低下的重復(fù)性工作,例如瀏覽器刷新,修改元素的樣式,搜索功能等等。
軟件特色:
Brackest會(huì)檢測(cè)文檔是否符合html規(guī)范,把光標(biāo)放在一個(gè)class或id屬性的標(biāo)簽名稱上,按下Ctrl/Cmd + E(“編輯”)或退出編輯。Brackets將搜索項(xiàng)目下所有CSS文件,然后打開一個(gè)內(nèi)嵌的編輯器嵌入在HTML文件中,可以讓你迅速修改CSS代碼。Brackets同樣支持對(duì)JS對(duì)象定義的快速預(yù)覽/編輯,把光標(biāo)放在一個(gè)js函數(shù)名稱上,按下Ctrl/Cmd + E(“編輯”)或退出編輯。
Brackets內(nèi)建取色器,提供RGBa、HEX、HSLa的顏色編碼形式。把光標(biāo)放在一個(gè)顏色編碼上,按下Ctrl/Cmd + E(“編輯”),退出取色器窗口需要使用Esc鍵。
Brackets提供網(wǎng)頁即時(shí)預(yù)覽功能。使用該功能時(shí),Brackets調(diào)用Chrome瀏覽器打開當(dāng)前頁面,此后修改html、css、javascript并保存后,所修改的內(nèi)容會(huì)即時(shí)響應(yīng)到瀏覽器中的頁面,無須手動(dòng)刷新頁面。這是Brackets最大的一個(gè)亮點(diǎn),有兩個(gè)顯示器的coder有福了,可以分屏顯示Brackets和chrome,即時(shí)修改即時(shí)預(yù)覽,無需切換編輯器/瀏覽器和刷新頁面。
部分快捷鍵:
Ctrl/Cmd+Shift+H 可以呼出與關(guān)閉文件樹
Ctrl/Cmd + E 快速預(yù)覽/編輯 css樣式/javascript函數(shù)
Ctrl/Cmd + +/- 放大縮小編輯區(qū)字體大小
Ctrl/Cmd + 0 重置編輯區(qū)字體大小
Ctrl/Cmd + Alt + P 打開即時(shí)預(yù)覽功能
Ctrl/Cmd + / 行注釋
Ctrl/Cmd + Alt + / 塊注釋
注:css代碼、html代碼注釋時(shí)只能使用塊注釋快捷鍵