当前位置: 首页 > 工具软件 > vscode-ember > 使用案例 >

VsCode中使用Emmet语法

苏星宇
2023-12-01

快速生成HTML结构语法

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

快速生成CSS样式语法

采取简写的形式就可以了,每个单词的第一个字母连接起来,加上参数就可以了。

比如:line-height: 20px;,可以用lh20px,按tab键就可以生成了。

 类似资料: