vscode emmet的用法是什么
VSCode Emmet 是一种快速编写 HTML 和 CSS 代码的工具,它可以大大提高编写速度和效率。以下是VSCode Emmet 的常见用法:
缩写:使用 Emmet 缩写可以快速生成标签,例如输入 div
,然后按下 Tab
键,即可生成 <div></div>
。
子代选择器:使用 >
符号可以快速生成子代选择器,例如输入 ul>li
,然后按下 Tab
键,即可生成 <ul><li></li></ul>
。
兄弟选择器:使用 +
符号可以快速生成兄弟选择器,例如输入 div+p
,然后按下 Tab
键,即可生成 <div></div><p></p>
。
乘法器:使用 *
符号可以生成多个重复的标签,例如输入 ul>li*3
,然后按下 Tab
键,即可生成 <ul><li></li><li></li><li></li></ul>
。
属性快速生成:可以使用 []
方括号来快速生成属性,例如输入 a[href="https://www.example.com"]
,然后按下 Tab
键,即可生成 <a href="https://www.example.com"></a>
。
文本快速生成:可以使用 {}
大括号来生成包含文本的标签,例如输入 h1{Hello World}
,然后按下 Tab
键,即可生成 <h1>Hello World</h1>
。
这只是一些常见的 Emmet 用法,Emmet 还支持更多的快捷方式和功能,可以根据自己的需要进行学习和使用。
阅读剩余
THE END