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+/ 注释多行。