Tab无反应主因是emmet.triggerExpansionOnTab未设为true（布尔值，非字符串），需在settings.json中显式配置并重载窗口；.vue/.jsx等文件还需配置emmet.includeLanguages映射对应语言ID。

Tab 按下没反应？先确认 emmet.triggerExpansionOnTab 是否为 true

VSCode 默认不启用 Tab 触发 Emmet 展开，哪怕你输完 div、ul>li*3 也没用。这不是插件问题，是核心开关关着。

必须在 settings.json 中显式写入：

{"emmet.triggerExpansionOnTab": true}

注意：true 是布尔值，不是字符串 "true"；如果写成 "true" 或 "on"，VSCode 会忽略该设置。

• 改完后需执行 Developer: Reload Window（快捷键 Ctrl+Shift+P 输入后回车），否则部分设置不生效
• 该设置只控制“Tab 是否触发 Emmet”，和语言服务补全（如 JS 变量名）完全无关
• 若你在 .vue 或 .svelte 文件里无效，说明 Emmet 根本没被激活到该语言——见下一条

.vue / .jsx / 模板字符串里 Tab 不补全？补上 emmet.includeLanguages

Emmet 默认只对 .html 文件生效。遇到 .vue 单文件组件、JSX 的 return() 或模板字符串里的 HTML 片段，必须手动告诉 VSCode：“这些也当 HTML 处理”。

在 settings.json 中添加：

"emmet.includeLanguages": {
  "vue-html": "html",
  "javascript": "html",
  "typescript": "html",
  "astro": "html"
}

注意："vue-html" 对应 块，"javascript" 才覆盖模板字符串（如 `

${x}

`）。

• 不要写 "vue": "html" —— 这个 key 已废弃，新版 VSCode 不识别
• 如果你用的是 Astro、Svelte 等框架，对应语言 ID 要查官方文档（如 Svelte 是 svelte）
• files.associations（比如 "*.vue": "html"）已过时，它会让整个文件被当 HTML 解析，破坏语法高亮和 TS 类型检查，不推荐

补全弹出来了但按 Tab 插入原词？检查 editor.tabCompletion 和高亮状态

Emmet 缩写展开（div →

）和语言服务补全（变量名、函数名）共用 Tab 键，但行为逻辑不同：

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

• Emmet 展开：只要 emmet.triggerExpansionOnTab 开着，且光标在缩写末尾，按 Tab 就直接展开，不依赖补全框是否弹出
• 语言服务补全：依赖补全框弹出 + 首项被高亮；如果没高亮，Tab 会插入原始输入（比如输 con 按 Tab 得到 con 而非 console）
• 两者冲突时，Emmet 优先级更高——所以 div 按 Tab 总是展开，不会去选语言补全项

如果你期望在非 HTML 场景（比如 JS 里）用 Tab 接受语言补全，需额外配：

{"editor.tabCompletion": "on"}

并确保 editor.suggestSelection 为 "first"，否则补全框弹出但无高亮项，Tab 就失效。

补全了但标签不自动闭合？单独打开 html.autoClosingTag

输入

后想自动补上

，这和 Emmet 无关，是 VSCode HTML 语言功能独立控制的。

必须设：

{"html.autoClosingTag": true}

这个设置不影响 div 按 Tab 展开，只管“手敲开始标签后的自动闭合”。常见误区：

• 误以为装了 Emmet 就自带闭合——其实不带
• 被 Prettier 或 ESLint+Format on Save 干扰：它们可能在保存时重排/删掉自动插入的闭合标签，建议先禁用格式化插件验证
• 在 JSX 中该设置无效（JSX 不需要闭合标签），别白调

真正卡住人的从来不是“要不要开某个开关”，而是多个开关叠加生效的顺序和范围——比如 emmet.includeLanguages 没配对语言 ID，emmet.triggerExpansionOnTab 再开也没用；又比如 html.autoClosingTag 开了，但你在 .ts 文件里敲

，照样不闭合。每个设置都有明确的作用域，越早看清这点，越少 reload 十次窗口还找不到原因。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！