Emmet语法

Emmet语法的前身是Zen coding,它使用缩写,来提高htm/css的编写速度, Vscode内部已经集成该语法.
1.快速生成HTML结构语法
2.快速生成CSS样式语法

1.快速生成HTML结构语法

1. 生成标签直接输入标签名按tab键即可 比如div 然后tab键，就可以生成< div> < /div>
2. 如果想要生成多个相同标签加上 * 就可以了比如 div*3 就可以快速生成3个div
3. 如果有父子级关系的标签,可以用>比如 ul> li就可以了
4. 如果有兄弟关系的标签，用+就可以了比如div+p
5. 如果生成带有类名或者id名字的，直接写 .demo 或者 #two 按tab键就可以了
6. 如果生成的div类名是有顺序的，可以用自增符号$

2.快速生成CSS样式语法

CSS基本采取简写形式即可.
1.比如 w200 按tab 可以生成width: 200px;
2.比如 lh26 按tab 可以生成line-height: 26px;