最近想搞個(gè)自己的博客，然后看了一個(gè)星期前端東西橘券，就開(kāi)始了额湘，寫的過(guò)程中，發(fā)現(xiàn)了很多好東西旁舰，今天get了兩個(gè)技能锋华，當(dāng)然，如果你用的是HBuiler箭窜，他們本身已經(jīng)集成了毯焕。
對(duì)Sublime Text不是很熟的推薦看一下以下幾篇
正文開(kāi)始了啊
-
插曲：給網(wǎng)站添加icon
- 準(zhǔn)備你想作為圖標(biāo)的圖片
- 切成32*32的icon文件
- 放在根目錄下
- 在head中加入以下兩句代碼
<link rel="shortcut icon" href="/favicon.ico"/><link rel="bookmark" href="/favicon.ico"/>- 注意命名，保存磺樱，清空緩存試試吧
-
- 這是個(gè)好東西纳猫，估計(jì)很多前端已經(jīng)很熟悉了
- 代碼
html>head+body>div#d1+ul.u1>li*5>a - 按tab鍵，效果如下(以上代碼中包含了幾個(gè)最常用快捷符號(hào))
<html> <head></head> <body> <div id="d1"></div> <ul class="u1"> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </body> </html>
Emmet插件的安裝和使用
-
安裝
- 運(yùn)行
Package Control：Install Package命令 - 啟動(dòng)快捷鍵是ctrl+shift+p
- 輸入并安裝Emmet插件竹捉。
- 重新啟動(dòng)ST編輯器
- 運(yùn)行
-
快捷鍵
- 展開(kāi)縮寫
Tab或Ctrl+E - 交互式展開(kāi)縮寫
Ctrl+Alt+Enter - 匹配標(biāo)記對(duì)向外
?D（Mac）/ Ctrl+,（PC） - 匹配標(biāo)記對(duì)向內(nèi)
?J/Shift+Ctrl+0 - 轉(zhuǎn)到匹配對(duì)
??T/Ctrl+Alt+J - 縮寫
?W/Shift+Ctrl+G - 轉(zhuǎn)到編輯點(diǎn)
Ctrl+Alt+→或Ctrl+Alt+← - 選擇項(xiàng)目
??.或??,/ Shift+Ctrl+.或Shift+Ctrl+, - 切換注釋
??//Shift+Ctrl+/ - 拆分/加入標(biāo)簽
??'/Shift+Ctrl+ - 刪除標(biāo)簽
?'/Shift+Ctrl+; - 更新圖像大小
??I/Ctrl+U - 評(píng)估數(shù)學(xué)表達(dá)式
??Y/Shift+Ctrl+Y - 反映CSS值
??R/Shift+Ctrl+R - 將圖像編碼/解碼為數(shù)據(jù)：URL
??D/Ctrl+' - 重命名標(biāo)簽
??K/Shift+Ctrl+'
- 展開(kāi)縮寫
-
遞增/遞減數(shù)字操作：
- 增量1： Ctrl+↑
- 遞減1： Ctrl+↓
- 增加0.1： Alt+↑
- 遞減0.1： Alt+↓
- 增加10：??↑/Shift+Alt+↑
- 遞減10：??↓/Shift+Alt+↓
