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