sublime藉助emmet插件實現前端快速開發

Emmet是一款編輯器插件，支持多種編輯器支持。使用縮寫語法快速編寫HTML、CSS極大的提高前端開發效率。

使用方法：
輸入指定標籤縮寫單詞後按“tab”鍵(有些編輯器貌似按ctrl+e也可以)

div+tab鍵 快速生成div標籤:<div></div>
bq+tab鍵         生成:<blockquote></blockquote>
hdr+tab鍵 生成:<header></header>
ftr+tab鍵        生成:<footer></footer>
btn+tab鍵 生成:<button></button>


h1.abc+tab鍵        生成:<h1 class="abc"></h1>
h1#abc+tab鍵        生成:<h1 id="abc"></h1>
div.abc或.abc        生成:<div class="abc"></div>
div#abc或#abc    生成:<div id="abc"></div>
div.a.b.c#d.e        生成:<div class="a b c e" id="d"></div>

 

軟件常用快捷鍵：

ctrl+shift+k刪除當前行

ctrl+shift+d快速複製當前行

Ctrl+/ 註釋單行。 

Ctrl+Shift+/ 註釋多行。