温馨提示×

vscode emmet的用法是什么

小亿
83
2024-02-05 16:25:43
栏目: 编程语言

VSCode Emmet 是一种快速编写 HTML 和 CSS 代码的工具,它可以大大提高编写速度和效率。以下是VSCode Emmet 的常见用法:

  1. 缩写:使用 Emmet 缩写可以快速生成标签,例如输入 div,然后按下 Tab 键,即可生成 <div></div>
  2. 子代选择器:使用 > 符号可以快速生成子代选择器,例如输入 ul>li,然后按下 Tab 键,即可生成 <ul><li></li></ul>
  3. 兄弟选择器:使用 + 符号可以快速生成兄弟选择器,例如输入 div+p,然后按下 Tab 键,即可生成 <div></div><p></p>
  4. 乘法器:使用 * 符号可以生成多个重复的标签,例如输入 ul>li*3,然后按下 Tab 键,即可生成 <ul><li></li><li></li><li></li></ul>
  5. 属性快速生成:可以使用 [] 方括号来快速生成属性,例如输入 a[href="https://www.example.com"],然后按下 Tab 键,即可生成 <a href="https://www.example.com"></a>
  6. 文本快速生成:可以使用 {} 大括号来生成包含文本的标签,例如输入 h1{Hello World},然后按下 Tab 键,即可生成 <h1>Hello World</h1>

这只是一些常见的 Emmet 用法,Emmet 还支持更多的快捷方式和功能,可以根据自己的需要进行学习和使用。

0