VSCode没有HTML自动补全怎么办？插件配置指南-VSCode-PHP中文网

VSCode无HTML自动补全主因是语言模式非HTML、Emmet触发条件未满足或配置冲突；输入div按Tab无反应需确认右下角为HTML模式、emmet.triggerExpansionOnTab为true、末尾跟>或空格，且不在.vue/.jsx中未配files.associations与emmet映射。

vscode没有html自动补全怎么办？插件配置指南

VSCode 没有 HTML 自动补全，90% 不是插件坏了，而是语言模式、触发条件或配置冲突没对上。

为什么输入 `div` 按 Tab 没反应？

Emmet 缩写补全默认只在特定条件下激活，不是“写了就出”。常见失效点：

右下角状态栏显示的是 Plain Text、JavaScript 或 Vue（未启用 Volar），不是 HTML —— 点击它，选“Change Language Mode” → 手动设为 HTML
emmet.triggerExpansionOnTab 被设为 false（尤其在工作区 settings.json 中被覆盖）
输入 div 后直接按 Enter，但 Emmet 默认触发键是 Tab，不是 Enter；末尾没跟 > 或空格，也可能不识别为缩写上下文
在 .vue 或 .jsx 文件里写 HTML，但 files.associations 没映射后缀，VSCode 根本不启动 HTML 语言服务

验证是否正常：新建 test.html，输入 ! + Tab，能生成完整 HTML5 模板，说明 Emmet 本身没问题。

`class=""` 里敲不提示 CSS 类名？

VSCode 原生 HTML 补全完全不解析 CSS 文件，class 属性值补全是独立功能，必须靠插件驱动：

装插件：IntelliSense for CSS class names in HTML（通用 CSS/SCSS）或 Tailwind CSS IntelliSense（Tailwind 专用）
开关键设置：editor.suggest.showClasses 设为 true，editor.quickSuggestions.strings 设为 true
显式声明路径：css.styleSheets 必须包含项目中实际的 CSS 文件位置，例如 "css.styleSheets": ["src/**/*.css", "assets/styles/*.scss"]
CSS 文件不能被 files.exclude 隐藏，也不能放在 node_modules 下（插件默认不扫描）

注意：@apply、clsx() 这类 JS 动态拼接的类名，插件无法索引。

htmlppt.skill

把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。

下载

嵌套太深（>6 层）时补全/高亮失效？

这不是 bug，是 VSCode 的性能保护机制：html.maxTagDepth 默认值为 6。超过后，配对高亮、自动闭合、缩进联动都会变弱甚至消失：

打开设置（Cmd+, 或 Ctrl+, ），搜索 html.maxTagDepth，调高到 12 或更合适值
同时检查 editor.maxTokenizationLineLength，若值太小（如 40），长行会被截断，影响嵌套解析，建议设为 10000
深层嵌套本身语义不清，优先考虑用组件拆分或 CSS 容器替代，而不是堆 Vue / JSX 文件里 HTML 补全不工作？ VSCode 不会自动把非 .html 文件当 HTML 处理，必须显式声明语法关联和 Emmet 映射：在 settings.json 中加："files.associations": { "*.vue": "html", "*.jsx": "javascriptreact" } 配 Emmet 映射："emmet.syntaxProfiles": { "vue-html": "html", "javascriptreact": "jsx" } Vue 项目强烈建议换用 Volar 插件，并开启 volar.autoInsertEmmetSupport；否则 emmet.includeLanguages 可能被忽略 Volar 启用后，原生 html.suggest.* 设置基本无效，补全逻辑由它接管真正容易被忽略的是：Volar 和原生 HTML 补全机制互斥，开了 Volar 却还去调 html.autoClosingTag，等于白配。