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