Fe-interview: [html] 第343天 编写html时，你有没有用过Emmet插件呢？说说它的优点及规则有哪些？

[haizhilin2013]

第343天 编写html时，你有没有用过Emmet插件呢？说说它的优点及规则有哪些？

我也要出题

[carrie-xin]

用过，vscode编辑器自带支持Emmet语法；
它可以帮助快速编写HTML代码，减少复制粘贴的操作；
常见规则：

1. > 插入子元素；

ul>li>a

<ul>
  <li><a></a></li>
</ul>

2. + 生成兄弟元素；

div+p+section

<div></div>
<p></p>
<section></section>

3. * 生成多个相同元素

ul>li *3

<ul>
  <li></li>
  <li></li>
  <li></li>
</ul>

4. # 和 . 分别生成带id和class的元素

div#submit+div.btn+div#submit.btn

<div id="submit"></div>
<div class="btn"></div>
<div id="submit" class="btn"></div>

我常用的就这几个，更多语法参见Emmet文档