Emmet (前身为 Zen Coding)是一个能大幅度提高前端开发效率的一个工具，只要能安装他的编辑器都能使用，大部分编辑器都可以使用该语法规则,我们平时开发的Sublime Text、Eclipse、Notepad++、VS code、Atom、Dreamweaver等等编辑器都可以使用。
安装方式和平时安装插件一样搜索这个emmet插件安装，每个编辑器安装方式不同，请各自尝试
下面介绍一些常用的语法：
1. 生成标签直接输入标签名，按Tab键即可，比如 div，然后按Tab键，就可以生成<div></div>
2. 如果想要生成多个相同标签，加上 * 就可以了，比如 div*3，就可以直接生成
<div></div>
<div></div>
<div></div>
3. 如果有父子级关系标签，就可以用 > ,比如 ul>li 就可以直接生成
<ul>
<li></li>
</ul>
4. 如果有兄弟关系的标签，用 + 就可以，比如 div+p 就可以直接生成
<div></div>
<p></p>
5. 如果要生成带有类名或者id名字的，直接写 .demo 或者 #xxx，按Tab键直接生成
<div class="demo"></div>
<div id="xxx"></div>
6. 如果生成的div类名是有顺序的，可以用自增符号 $
<div class="demo1"></div>
<div class="demo2"></div>
<div class="demo3"></div> // .demo$*3
<div id="demo1"></div>
<div id="demo2"></div>
<div id="demo3"></div> // #demo$*3
