Visual Studio Code 中的 Emmet ：Emmet 是 Visual Studio Code中的内置功能。您不必为 emmet 支持安装任何扩展。 Emmet 通过提供 Emmet 缩写来防止您自己编写整个代码。 Emmet 在 html、haml、pug、slim、jsx、xml、xsl、css、scss、sass、less 和 stylus 文件以及从上述任何一种继承的语言（如把手和PHP）中默认启用。
当您开始输入 Emmet 缩写词时，您会看到缩写词以下拉列表的形式显示在建议列表中。如果您键入简短形式（如元素名称），那么您将看到扩展的预览。
用于 HTML 的 Emmet：
1. 按名称创建元素：在 HTML 中，当您输入 HTML 标签的名称时，您将获得一个建议列表，从建议列表中选择您要插入的元素。例如，如果您键入h1并单击 enter 以获取
。您也可以对所有 HTML 标记执行此操作。
2. 通过类名创建元素：在 HTML 中，如果要创建具有特定类名的元素，则首先输入元素的名称和 ' 。 ' 以及你想赋予元素的类的名称，然后按 Enter。该元素将使用您指定的类名创建。
3. 通过 id 创建元素：在 HTML 中，如果要创建具有特定 id 的元素，则首先输入元素的名称和“ # ”以及您希望赋予该元素的 id，然后按 Enter。将使用您指定的 id 创建元素。
4. 创建多个元素：如果您想使用 emmet 创建多个元素，则指定元素的名称和“ * ”，并指定您想要多少个该类型的元素，然后按 Enter。
5. 创建嵌套元素：您可以使用“ > ”创建嵌套元素，然后输入外部元素名称并输入“ > ”并输入内部元素并按回车键以获得所需的输出。
CSS 中的 Emmet：在 CSS 中，当您开始输入时，Emmet 会开始为您提供建议，您可以在哪里选择并按 Enter。在 CSS 中，您可以在建议中获取属性名称和值。
Emmet 还支持许多其他语言。