vscode emmet的用法是什么

小億
86
2024-02-05 16:25:43

VSCode Emmet 是一種快速編寫 HTML 和 CSS 代碼的工具，它可以大大提高編寫速度和效率。以下是VSCode Emmet 的常見用法：

  1. 縮寫：使用 Emmet 縮寫可以快速生成標(biāo)簽，例如輸入 div，然后按下 Tab 鍵，即可生成 <div></div>。
  2. 子代選擇器：使用 > 符號(hào)可以快速生成子代選擇器，例如輸入 ul>li，然后按下 Tab 鍵，即可生成 <ul><li></li></ul>。
  3. 兄弟選擇器：使用 + 符號(hào)可以快速生成兄弟選擇器，例如輸入 div+p，然后按下 Tab 鍵，即可生成 <div></div><p></p>。
  4. 乘法器：使用 * 符號(hào)可以生成多個(gè)重復(fù)的標(biāo)簽，例如輸入 ul>li*3，然后按下 Tab 鍵，即可生成 <ul><li></li><li></li><li></li></ul>。
  5. 屬性快速生成：可以使用 [] 方括號(hào)來(lái)快速生成屬性，例如輸入 a[href="https://www.example.com"]，然后按下 Tab 鍵，即可生成 <a href="https://www.example.com"></a>。
  6. 文本快速生成：可以使用 {} 大括號(hào)來(lái)生成包含文本的標(biāo)簽，例如輸入 h1{Hello World}，然后按下 Tab 鍵，即可生成 <h1>Hello World</h1>。

這只是一些常見的 Emmet 用法，Emmet 還支持更多的快捷方式和功能，可以根據(jù)自己的需要進(jìn)行學(xué)習(xí)和使用。

0 踩