Emment语法

1.快速生成 HTML 结构语法

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

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

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

　4.兄弟级关系标签，用 +  比如  div+p

　5.生成带有  类名  或者 id 名字 的，直接写 .demo   或者 #two  默认是<div id='two'></div>

　　如果是其他标签 p.demo  按  tab  键  <p class= 'demo' ></p>

　6.生成的 div 类名 是有顺序的，可以用自增 符号 $ 比如 .demo$*5

　7.生成标签内部写内容可以用 { } 表示  比如：div{ 这是div标签中的内容，点击tab键可以生成}

2.快速生成 CSS 样式语法

　css 基本采用简写形式即可

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

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

　3.比如  ti2em  按 tab 可以生成 text-indent:2em;

3.VSCode  快速格式化代码：shift + alt + f

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

　1.文件 —>【首选项】—> 【设置】

　2.搜索 emment.include;

　3.在 setting.json 下的【工作区设置】中添加以下语句

　　"editor.formatOnType":true,

　　"editor.formatOnSave":true

　4.注意 setting.json 中的{ } 括号不能删除。