Emmet语法的前身是Zen coding,它使用缩写来提高HTML/CSS的编写速度,Vscode内部已经集成该语法。
一、快速生成HTML结构语法
1、生成标签,直接输入标签名按TAB键即可
2、如果要生成多个相同标签,标签名*数量即可 比如div*3就是三个<div></div>
3、如果有父子关系的标签,父>子即可,比如ul>li就可以了
4、如果有兄弟关系的标签,兄+兄即可,比如div+p
5、如果生成带有类名或者带有id名字的,直接写标签名+.demo或者#two 按tab键就可以了
6、如果生成的div类名是有顺序的,可以用自增符号$,例如.demo$*3 就会生成三个类名自增的div
7、如果想要在生成的标签内部写内容可以用{}表示,比如div{文字内容}
二、快速生成CSS样式语法
例如 widnth:100px 只需要输入 w100即可生成,首字母简写
三、快速格式化代码(对齐代码)
