Emmet语法

Emmet语法的前身是Zen coding,使用缩写，来提高html/css的缩写速度，Vacode内部已经集成该语法

快速生成HTML结构语法

1.生成标签，直接输入标签名，按tab键即可

直接输入标签名，例如div或者p标签，按tab键，会自动生成

2.想要生成多个相同标签，加上*

如果想要一下输入5个div标签，可以使用 div*5来输出

3.父子级关系的标签，使用>

表示父子关系，有嵌套关系的，例如 ul>li,div>p(div标签包含p标签)

4.兄弟关系标签，用+

同级关系，表示并列关系，例如p+span,输出的就是<p></p><span></span>

5.生成带有类名或者id名字

.one 输出的是<div class='one'></div> 默认的是div标签

也可以使用其他标签 例如p.one 输出的是<p class="one"></p>

6.生成的div类名有顺序，自增符号$

.one$*5输出的是

    <div class="one1"></div>

    <div class="one2"></div>

    <div class="one3"></div>

    <div class="one4"></div>

    <div class="one5"></div>

7.生成的标签内部写内容用{}

div{您好}输出<div>您好</div>

输出的内容自增：div{$}*3，输出

        <div>1</div>

        <div>2</div>

        <div>3</div>

---

快速生成css样式语法

text-align: center;可以缩写为tac

width: 100px;可以缩写为w100