Adobe Brackets是一個(gè)開源的基于HTML/CSS/JavaScript開發(fā),運(yùn)行在native shell上的集成開發(fā)環(huán)境。該項(xiàng)目由Adobe創(chuàng)建和維護(hù),根據(jù)MIT許可證發(fā)布。提供Windows和OS X平臺(tái)支持盘榨。
Brackets的特點(diǎn)是簡(jiǎn)約、快捷蟆融,沒(méi)有很多的視圖或者面板,它的核心目標(biāo)是減少在開發(fā)過(guò)程中那些效率低下的重復(fù)性工作守呜,例如瀏覽器刷新型酥,修改元素的樣式山憨,搜索功能等等。
前去官網(wǎng)下載:http://brackets.io/
其實(shí)使用brackets是因?yàn)槊趾恚蚁雽?shí)時(shí)預(yù)覽html效果郁竟,但是DW有感覺(jué)好老,于是就想找一個(gè)html編輯器能實(shí)時(shí)預(yù)覽效果由境,于是找到了這個(gè)棚亩。
小技巧:<meta http-equiv="reflash"content="2"/>
head添加自動(dòng)刷新,當(dāng)然只適用用靜態(tài)和不是很長(zhǎng)的頁(yè)面
0虏杰、切換語(yǔ)言
菜單:debug->switch language
PS:自帶簡(jiǎn)體中文
1讥蟆、實(shí)時(shí)預(yù)覽
這個(gè)必須是使用谷歌瀏覽器才可以
不要開啟“開啟實(shí)驗(yàn)性實(shí)時(shí)預(yù)覽”,直接用實(shí)時(shí)預(yù)覽
2纺阔、下載插件
https://brackets-registry.aboutweb.com/
這個(gè)網(wǎng)址有大部分插件瘸彤,使用瀏覽器查找功能找到你的插件吧,沒(méi)有的話笛钝,說(shuō)明真的沒(méi)有质况。
自帶的插件商店,下載不下載玻靡,墻好高de su结榄。
下載完,點(diǎn)菜單:幫助->顯示擴(kuò)展目錄
有個(gè)user文件夾囤捻,把插件解壓的文件放到這里
3臼朗、代碼格式化的插件–beautify
這個(gè)那個(gè)商店找不到,下載地址:https://s3.amazonaws.com/extend.brackets/brackets-beautify/brackets-beautify-2.4.0.zip
解壓到user目錄最蕾,重啟編輯器依溯。
設(shè)置,菜單:設(shè)置->保存時(shí)自動(dòng)beautify
這樣子瘟则,當(dāng)你ctrl+s保存的時(shí)候會(huì)自動(dòng)格式化黎炉。
4、tab提示插件-Emmet
更多方法請(qǐng)看這里:http://www.w3cways.com/1062.html
在2那里提到的網(wǎng)址那里搜索醋拧,接著解壓到user目錄慷嗜,然后重啟Brackets即可。
5丹壕、文件圖標(biāo)插件-Brackets Icons
菜單:視圖->Devicons/Ionicons
在2那里提到的網(wǎng)址那里搜索庆械,接著解壓到user目錄,然后重啟Brackets即可菌赖。
6缭乘、代碼折疊插件–Code folding
在2那里提到的網(wǎng)址那里搜索,接著解壓到user目錄琉用,然后重啟Brackets即可堕绩。
7策幼、很棒的快速編輯
快捷鍵:Ctrl+E
把光標(biāo)放在一個(gè)class或id屬性的標(biāo)簽名稱上,按下Ctrl/Cmd + E(“編輯”)或退出編輯奴紧。Brackets將搜索項(xiàng)目下所有CSS文件特姐,然后打開一個(gè)內(nèi)嵌的編輯器嵌入在HTML文件中,可以讓你迅速修改CSS代碼黍氮。唯一美中不足的是:搜索的是項(xiàng)目下所有的CSS文件唐含,如果能修改成所搜當(dāng)前文件使用的CSS文件就更好了。