学堂 学堂 学堂公众号手机端

VSCodeEmmet是一种快速编写HTML和CSS代码的工具,它可以大大提高编写速度和效率

lewis 1年前 (2024-04-02) 阅读数 5 #技术

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

  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键,即可生成<ahref="https://www.example.com"></a>
  6. 文本快速生成:可以使用{}大括号来生成包含文本的标签,例如输入h1{HelloWorld},然后按下Tab键,即可生成<h1>HelloWorld</h1>

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


版权声明

本文仅代表作者观点,不代表博信信息网立场。

热门