Emmet语法

Emmet快速生成html样式

Emmet语法使用缩写, 提高html/css的编写速度.

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

Emmet快速生成CSS样式语法

CSS基本采取简写形式即可 :

1. 比如 w200 按tab 可以生成 width: 200px;
2. 比如 lh26 按tab 可以生成 line-height: 26px;

快速格式化快捷键

VSCode是 shift + alt + f