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 中的{ } 括号不能删除。