Emmet语法及设置

Emmet语法
用于提高html/css编写速度（适用于VS Code）

快速生成HTML结构
1．生成标签直接输入标签名按tab键即可比如div然后tab键，就可以生成<div></div>
2．如果想要生成多个相同标签加上就可以了比如div3就可以快速生成3个div
3．如果有父子级关系的标签，可以用>比如ul> li就可以了
4．如果有兄弟关系的标签，用＋就可以了比如div+p
5．如果生成带有类名或者id名字的，直接写.demo或者#two tab键就可以了
6．如果生成的div类名是有顺序的，可以用自增符号$*

快速生成CSS结构
CSS基本采取简写形式即可
1.比如 w200 按回车 可以生成width:200px;
2.比如lh26 按回车可以生成 line-height:26px;

快速格式化语法
Vscode 快速格式化代码: shift+alt+f

也可以设置当我们保存页面的时候自动格式化代码:

1）文件------.>【首选项】------>【设置】;
2）搜索emmet.include;
3) 在settings.json下的【用户】中添加以下语句:
“editor.formatOnType”:true,
“editor.formatOnSave”: true
只需要设置一次即可，以后都可以自动保存格式化代码

//如果没有出现settings.json，则下载一个插件：eslint 即可

或者：

1、点击左侧齿轮状图标
2、选择【Settings】
3、在Settings窗口中点击【Text Editor】
4.在Form On Save前打勾即可

 这样，ctrl+s后，页面会自动格式化代码