HTML标签补全不生效需依次检查：html.suggest.html5是否启用、Emmet相关设置（triggerExpansionOnTab和showExpandedAbbreviation）、语言模式是否为HTML、CSS/JS语言支持是否开启，以及Vue/JSX中应使用Volar或TypeScript服务而非原生HTML设置。
HTML 标签补全不生效？检查 html.suggest.html5 是否启用
VSCode 默认开启 HTML5 补全，但如果你装了某些语言插件（比如 Prettier、Emmet 插件被禁用），或工作区配置覆盖了全局设置，html.suggest.html5 可能被设为 false。
打开设置（Ctrl+, 或 Cmd+,），搜索 html.suggest.html5，确保勾选；或者在 settings.json 中确认存在且为 true：
"html.suggest.html5": true
- 该选项控制是否提示
<header>、<nav>等语义化标签，关闭后只补全传统标签如<div> - 它不影响属性补全（比如
class、src），那是另一组设置管的 - 如果在 .vue 或 .svelte 文件里失效，说明当前语言模式不是
html，右下角点击语言标识手动切为HTML
输入 < 后没弹出标签列表？优先排查 Emmet 设置
VSCode 的 HTML 标签补全是靠 Emmet 驱动的，不是纯语言服务。默认情况下，输入 < 会触发 Emmet 的“自动展开缩写”逻辑，但如果 emmet.triggerExpansionOnTab 关闭，或 emmet.showExpandedAbbreviation 设为 "never"，就看不到提示。
检查并确保以下两项在 settings.json 中存在且合理：
立即学习“前端免费学习笔记（深入）”；
"emmet.triggerExpansionOnTab": true, "emmet.showExpandedAbbreviation": "inMarkupAndStylesheetFiles"
-
triggerExpansionOnTab关掉后，按Tab不会展开ul>li*3这类缩写，也会影响<后的初始补全响应 -
showExpandedAbbreviation设为"never"时，连<di输完都不提示<div>—— 这是最常见的“补全失灵”原因 - Emmet 在非
html模式（如plaintext）下完全不工作，务必确认右下角语言模式正确
属性值没提示（比如 class="" 里不显示 CSS 类名）？需要开启 CSS 语言支持
HTML 属性里的值补全（如 class、src、href）依赖 CSS/JS 语言服务器联动。如果只开了 HTML 支持，class="" 里不会列出项目中已定义的类名。
确保满足以下条件：
- 项目根目录有
css或scss文件，且未被files.exclude隐藏 - VSCode 内置的 CSS 语言功能没被禁用：
"css.validate": true（默认开启） - 如果用了 Tailwind，需额外安装
tailwindcss-intellisense插件，并确认tailwindCSS.experimental.classRegex配置无误 -
src和href的路径补全依赖html.suggest.paths，默认为true；若关了，就只能手输相对路径
在 Vue/JSX 文件里 HTML 补全变弱？别依赖默认语言模式
VSCode 对 .vue 或 .jsx 中的 HTML 片段，默认使用对应语言插件（如 Volar、ESLint）提供的补全，而非原生 HTML 服务。这时候 html.suggest.* 设置基本无效。
- Vue 项目推荐用
Volar，并在其设置中开启"volar.autoImportCompletion": true，它会接管模板中的属性和事件提示 - JSX 中 React 组件的 props 提示由 TypeScript 语言服务提供，需确保
tsconfig.json包含 JSX 相关配置，且没有"noLib": true - 强行把
.vue文件关联为html模式（通过右下角切换）会导致 script/style 块失去语法高亮和类型检查，不建议
真正难调的不是开关，是多语言共存时补全服务的优先级——Volar、TypeScript、Emmet 三者会抢着响应同一个 class="" 输入，稍有配置偏差，提示就断层。这时候看状态栏右端的语言服务图标，哪个在转圈，就说明它正在参与补全。
