Emmet插件使用方法以VS code为例

Emmet 的前身就是 Zen Coding。

专门用来写 HTML 和 CSS 代码来提高编码速度的，提供包括VS code、hbuilderX、Sublime Text、Notepad++等插件。

1. 输入 ! +tab自动生成初始结构
   

2. div>ul>li +tab
   

3. .类名#id名 +tab
   

4. li*3 +tab
   

5. li3>div.box +tab 或者 li3>.box +tab
   

6. ul>li.box$*6 +tab

$表示一个数字，默认数字1开始生成6个，.box~.box6

7. ul>li.box$@6*6 +tab

$表示一个数字，默认数字6开始生成6个，.box6~.box11

8. (#header>.logo+.box)+#content+#footer +tab