对Emmet片段和扩展的支持直接内置于 Visual Studio Code 中，无需扩展。Emmet 2.0支持大多数Emmet 操作，包括扩展Emmet 缩写和片段。
如何扩展 Emmet 缩写和片段默认情况下， Emmet 缩写和片段扩展在html、haml、pug、slim、jsx、xml、xsl、css、scss、和文件以及从上述任何语言继承的任何语言（如 和）中启用。sasslessstylushandlebarsphp
当您开始输入 Emmet 缩写时，您将看到该缩写显示在建议列表中。如果您打开了建议文档弹出窗口，您将在键入时看到扩展的预览。如果您位于样式表文件中，则扩展的缩写会显示在建议列表中，与其他 CSS 建议一起排序。
使用 Tab 进行 Emmet 扩展如果要使用Tab键展开 Emmet 缩写，请添加以下设置：
"emmet.triggerExpansionOnTab": true当文本不是 Emmet 缩写时，此设置允许使用Tab键进行缩进。
禁用快速建议时的 Emmet如果您禁用了该editor.quickSuggestions 设置，则您在键入时将不会看到建议。您仍然可以通过按⌃Space（Windows、Linux Ctrl+Space）手动触发建议并查看预览。
在建议中禁用 Emmet如果您根本不想在建议中看到 Emmet 缩写，请使用以下设置：
"emmet.showExpandedAbbreviation": "never"您仍然可以使用命令Emmet：展开缩写来展开缩写。您还可以将任何键盘快捷键绑定到命令 ID editor.emmet.action.expandAbbreviation。
Emmet 建议订购为了确保 Emmet 建议始终位于建议列表的顶部，请添加以下设置：
"emmet.showSuggestionsAsSnippets": true,"editor.snippetSuggestions": "top"其他文件类型中的 Emmet 缩写要在默认情况下不可用的文件类型中启用 Emmet 缩写扩展，请使用该emmet.includeLanguages设置。确保在映射的两侧都使用语言标识符，右侧是 Emmet 支持的语言的语言标识符（请参阅上面的列表）。
例如：
"emmet.includeLanguages": { "javascript": "javascriptreact", "razor": "html", "plaintext": "pug"}Emmet 不了解这些新语言，因此 Emmet 建议可能会出现在非 HTML/CSS 上下文中。为了避免这种情况，您可以使用以下设置。
"emmet.showExpandedAbbreviation": "inMarkupAndStylesheetFilesOnly"注意：如果您emmet.syntaxProfiles之前使用过映射新文件类型，则从 VS Code 1.15 开始，您应该改用该设置emmet.includeLanguages。emmet.syntaxProfiles仅用于定制最终输出。
具有多光标的 Emmet您还可以将大多数 Emmet 操作与多光标一起使用：
使用过滤器过滤器是特殊的后处理器，可在将扩展缩写输出到编辑器之前对其进行修改。有 2 种使用过滤器的方法；通过emmet.syntaxProfiles设置全局或直接在当前缩写中。
下面是第一种方法的示例，使用该设置对 HTML 文件中的所有缩写emmet.syntaxProfiles应用过滤器：bem
"emmet.syntaxProfiles": { "html": { "filters": "bem" }}要仅提供当前缩写的过滤器，请将过滤器附加到您的缩写。例如，div#page|c将comment过滤器应用于缩写div#page。
BEM 滤波器（bem）如果您使用块元素修饰符(BEM) 方式编写 HTML，那么bem过滤器使用起来非常方便。要了解有关如何使用bem过滤器的