Emmet语法补充

Emmet语法

1.1 快速生成HTML结构语法

1.生成标签，直接输入标签名，按tab键即可，比如 div 然后tab键，就可以生成<div></div>。

2.如果想要生成多个相同标签，加上*就可以了，比如div*3,就可以快速生成3个div。

3.如果有父子级关系的标签，可以用>，比如ul>li就可以了。

4.如果有兄弟关系的标签，用+就可以了，比如div+p。

5.如果生成带有类名或id名字的，直接写.demo或者 #two 按tab键就可以了。

6.如果生成的div类名是有顺序的，可以用自增符号 $。

 1.2 快速生成CSS样式语法

CSS基本采取简写形式即可

1.比如w200 按tab键可以生成width:200px。

2.比如lh:26 按tab键盘，可以生成line-height:26px。

 

1.3 快速格式化

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

也可以设置 当我们报尺寸页面的时候自动格式化代码：

1）【文件】----【首选项】-----【设置】

2）搜索emmet.include;

3)  在setting.json下的工作区中添加一下语句；

{

    "editor.formatOnType": true,

    "editor.formatOnSave": true

}