出于Adobe湘今,必為精品
Adobe的PhotoShop己单、Dreamweaver等大批優(yōu)秀軟件唉窃,印(nue)象(殺)了一代一代的優(yōu)秀的計算機高手。但是因為收費的緣故纹笼,很多小伙伴被迫使用特別版本(大家懂得)纹份。今天前端的小伙伴有福,Adobe推出一款前端神奇Brackets秒殺一切前端工具廷痘。并且是免費的蔓涧,沒有聽錯是免費的,大家趕緊來試試笋额,下面給剛接觸Brackets的童鞋三個必備的小技能元暴。
1.切換語言
英文學(xué)渣的福音
Brackets自帶多國語言,三步把英文切換成中文鳞陨。
- 點擊菜單欄Debug菜單昨寞。
- 選擇Switch language
- 在打開的對話框中選擇簡體中文,單擊Reload Brackets厦滤。
OK援岩,可以看到菜單欄變成中文了。還不清楚的童鞋掏导,看一下下面的圖享怀。
2.安裝插件
軟件強大之處,在于可擴展趟咆。
Brackets自帶功能有限添瓷,但是插件豐富梅屉,有很多意想不到的功能,讓小前端們效率百倍鳞贷,還不趕緊裝起來坯汤。
安裝插件分三步:
- 點擊右側(cè)的擴展管理器圖標(biāo)。
- 在彈出的對話框中搀愧,選擇你要安裝的插件惰聂,點擊安裝。
3.最后彈出咱筛,安裝成功對話框搓幌,單擊關(guān)閉。
好了迅箩,有不明白的童鞋看一下下面的動畫吧溉愁。
有的童鞋沒有網(wǎng)怎么辦?沒關(guān)系饲趋,Brackets給大家提供了離線安裝方式拐揭。在上面的第二步中,有個拖拽.zip到此處框篙贸,把插件的.zip拖進(jìn)去較好了投队。要是有的同學(xué)的插件zip都沒有,那只能先用基本功能了爵川。不知道裝那些插件的童鞋敷鸦,請靜待后文。
注意:一定要把插件的zip包拖進(jìn)框里面哦寝贡!
3.打開即時預(yù)覽
即時預(yù)覽扒披,向F5說ByeBye。
只需要單擊右側(cè)的即時預(yù)覽圖標(biāo)即可啟動圃泡。是我見過最簡單的HTML LiveCode碟案。
友情提示:Brackets即時預(yù)覽功能暫時只對Chrome瀏覽器有效,沒有Chrome的小伙伴們趕緊裝一個颇蜡。
如有疑問請留言价说,如有幫助請點贊。