VSCode的Emmet功能支持哪些语言？

VSCode内置Emmet支持HTML、XML、XSLT、CSS及预处理器、JSX/TSX和Vue/Svelte模板，可快速生成标签与样式缩写，如ul>li*3生成列表，fw展开为font-weight:bold；需确保文件关联正确以启用对应语言的Emmet功能。

VSCode 内置的 Emmet 功能支持多种语言，主要用于快速生成 HTML 和与 HTML 结构相似的代码。它默认在以下语言中可用：

HTML

Emmet 在 HTML 文件中支持最完整，可以使用各种缩写快速生成标签结构。例如输入 ul>li*3 并按 Tab，会自动生成一个包含三个列表项的无序列表。

XML

虽然功能略有限，但 Emmet 可用于生成基本的 XML 标签结构，适用于配置文件或数据格式文档。

XSLT

作为基于 XML 的语言，XSLT 也支持部分 Emmet 缩写，尤其在编写模板结构时有帮助。

CSS 及预处理器

支持的语言包括：

陌言AI

陌言AI是一个一站式AI创作平台，支持在线AI写作，AI对话，AI绘画等功能

138

查看详情

• CSS
• SCSS
• Sass
• Less
• Stylus

在这些样式语言中，Emmet 提供属性缩写，比如输入 fw 可展开为 font-weight: bold;，m10 展开为 margin: 10px;。

JavaScript 模板语法（JSX、TSX）

在 React 的 JSX 或 TypeScript 的 TSX 文件中，Emmet 默认启用，可用来快速编写 HTML 风格的标签结构。例如输入 div.container>h1 会生成对应的 JSX 元素。

Vue 和 Svelte 等框架文件

在 .vue 或 .svelte 文件的 <template> 区域，Emmet 同样有效，能识别 HTML-like 结构并支持标准缩写。

基本上就这些常见场景。VSCode 通过语言模式自动启用 Emmet，你也可以在设置中手动为特定语言开启或关闭。不复杂但容易忽略的是，某些语言可能需要确保文件关联正确（如 .jsx 被识别为 React 语法），才能正常使用 Emmet。

以上就是VSCode的Emmet功能支持哪些语言？的详细内容，更多请关注php中文网其它相关文章！