Emmet——提升编写 HTML/CSS 代码效率的文本编辑器插件

Emmet 的前身就是 Zen Coding。

它是一组专门用来提高编写 HTML 和 CSS 代码速度的便利工具。将它整合进文本编辑器，可以提供一些功能和快捷方式，加快开发速度。

快速生成html结构

① 标签+Tab键，多个则 *数字；

② 父子级关系用 ">" 再+Tab键，如 ul>li；

③ 兄弟级用 ''+" 再+Tab键；

④ 带类名或者id，直接 .类名 或 #id 再+Tab键；

⑤ div类名有顺序， .类名$*数；

<!--div类名有顺序-->
<!-- .d$*5 +Tab ，注意数字不能有空格-->
<div class="d1"></div>
<div class="d2"></div>
<div class="d3"></div>
<div class="d4"></div>
<div class="d5"></div>