Emmet语法

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

快速生成HTML结构语法

①生成标签，直接输入标签名，按tab健即可
②生成多个相同的标签，比如div*3就可以生成3个div
③父子级标签，可以用>，比如ul>li
④兄弟级标签，可以用+，比如div+p
⑤生成带有类名或id名字的，直接写.demo或者#demo 按tab健即可
⑥生成的div类名是有顺序的，可以用自增符号$，比如.demo$*3
⑦生成带有文本内容的，可以用{}，比如div{文本内容}*3

快速生成CSS结构语法

css采取简写形式即可：
比如w200 按tab健可以生成width:200px;
比如lh26 按tab健可以生成line-height:26px;

格式化代码

在vs code中，格式化代码方法：
①右键：格式化文档
②快捷键shift+alt+F
③文件→首选项→设置：
搜索emmet.include；在settings.json下的用户中添加以下语句：

"editor.formatOnType":true,
"editor.formatOnSave":true