Emmet支持HTML、XML、XSL、JSX、TSX等文件类型，通过正确设置语言模式或在settings.json中配置emmet.includeLanguages，可在多种文件中启用缩写功能以提升编码效率。

VSCode的Emmet缩写功能支持多种文件类型，主要用于快速生成HTML、XML、JSX、XSL等标记语言结构。只要文件的语言模式正确设置，Emmet就能自动启用。

支持的主要文件类型

以下类型的文件默认支持Emmet缩写：

• HTML (.html, .htm)：最常用场景，输入div按Tab即可生成完整<div></div>标签
• XML (.xml)：可用于配置文件或数据文件中快速编写标签结构
• XSL (.xsl)：样式表语言，同样适用Emmet语法
• JSX (.jsx, .tsx)：在React项目中，可在JS/TS文件中使用Emmet生成JSX元素
• Pug / Haml 等模板语言：需安装对应扩展，部分支持Emmet补全

如何在其他文件中启用Emmet

某些语言默认未开启Emmet，但可通过设置手动启用：

蛙蛙写作——超级AI智能写作助手

蛙蛙写作辅助ai写文，帮助获取创意灵感，提供拆书、小说转剧本、视频生成等功能，是一款功能全面的AI智能写作工具。

28

查看详情

• 打开VSCode设置（Ctrl+,）
• 搜索”emmet include languages”
• 添加自定义映射，例如将javascript关联到jsx，以便在.js文件中使用JSX格式的Emmet
• 也可在settings.json中直接配置：

“emmet.includeLanguages”: { “javascript”: “javascriptreact” }

注意事项

确保文件的语法模式正确识别。例如，.js文件若用于React开发，应切换语言模式为JavaScript React，否则Emmet可能无法正常工作。可通过右下角状态栏点击语言标识进行切换。

基本上就这些，Emmet在多数标记类语言中都能高效提升编码速度。