image.png
Emmet其实就是我们之前用的各种快捷生成,只不过现在各个编辑器都已经内置了。
image.png

1.快速生成HTML结构

image.png
其中自增符号$,也可以用在 { } 内,会自动递增,如:div{$}*5,就会生成五个div内容从1到5

2.快速生成CSS样式代码

image.png
使用英文单词首字母的缩写,即可快速生成,缩写后跟上参数,即可快速设置参数,非常好用。