Emmet语法

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

快速生成HTML结构语法

1. 生成标签：标签名 然后tab键
   
   
2. 生成多个相同标签：标签名*数字 然后tab键
   
   
3. 生成父子级关系的标签：父标签>子标签 然后tab键
   
   
4. 生成兄弟关系的标签：标签名+标签名 然后tab键
   
   
5. 生成带有类名的标签：标签名.类名 然后tab键
   
   
6. 生成带有id名的标签：标签名#id名 然后tab键
   
   
7. 生成多个类名有顺序的标签：标签名.类名￥*数字 然后tab键
   
   
8. 生成多个id名有顺序的标签：标签名#类名￥*数字 然后tab键
   
   
9. 如果想要在生成的标签内部写内容：标签名{内容}
   
   

快速生成CSS样式语法
CSS 基本采取简写形式即可.
比如 w200 按tab 可以 生成 width: 200px;
比如 lh26px 按tab 可以生成 line-height: 26px;

快速格式化代码
shift+alt+f