输入div按Tab没反应，是因为Emmet仅在HTML等正确语言模式下生效且必须用Tab触发；需确认右下角显示HTML、emmet.triggerExpansionOnTab为true，并在.vue/.jsx中配置files.associations和emmet.syntaxProfiles。

输入 div 按 Tab 没反应？先确认 Emmet 是否真正启用

不是插件没装，而是 VS Code 默认只在正确语言模式下响应 Emmet 缩写，且必须用对触发方式。常见失效表现是敲完 div 直接按 Enter 或鼠标点别处，结果啥都没出来。

• 右下角状态栏必须显示 HTML；若显示 Plain Text、JavaScript 或 Vue，点击它 → 选 Configure File Association for '.html' → 设为 HTML
• 检查 emmet.triggerExpansionOnTab 是否为 true（尤其注意工作区 settings.json 是否覆盖了用户设置）
• Tab 是唯一默认触发键；Enter 不会触发 Emmet，它只换行
• 验证是否正常：新建 test.html，输入 ! + Tab，能生成完整 HTML5 骨架就说明 Emmet 本身没问题

.vue 或 .jsx 文件里怎么让 HTML 标签也补全？

VS Code 不会自动把非 .html 文件当 HTML 处理，必须显式告诉它“这部分内容该用 HTML 规则解析”。光靠装 Emmet 插件没用，得配两层映射。

DeepBI DHTML 页面生成器

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

下载

• 在 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.suggest.html5 有关

这个设置不控制“能不能补全”，而是决定“补哪些标签”。关掉它， 就不会提示

，但 可能还能出

——因为基础标签属于老标准，语义化标签才依赖这个开关。

• 确保 "html.suggest.html5": true，否则
  、
  、
  等语义化标签不会出现在补全列表中
• input 的 type 枚举值（如 date、email）需要额外开启实验性配置："html.suggest.experimental.customHtml5": true（仅部分 VS Code 版本支持）
• 别和 html.autoClosingTag 混淆：后者管的是输入
  后自动补
  ，和补全提示完全无关

class="" 里为啥不提示项目中的 CSS 类名？原生不支持

VS Code 原生 HTML 补全根本不会读你的 CSS 文件，class 属性值补全是独立功能，必须靠插件驱动。

• 装插件：IntelliSense for CSS class names in HTML（普通 CSS/SCSS）或 Tailwind CSS IntelliSense（Tailwind 专用）
• 插件默认只扫描 ./src/**/*.css 和 ./src/**/*.scss；如果样式在 assets/styles/ 下，得手动加配置："css.styleSheets": ["assets/styles/*.css"]
• css.validate 必须为 true（默认开启），且样式文件不能被 files.exclude 隐藏
• CSS-in-JS（如 styled-components）、@apply 或自定义属性写法，插件基本无法识别

复杂点在于：Emmet 补全、语言服务补全、CSS 类名补全、自动闭合标签，这四套机制彼此独立，又容易互相干扰。一个配置改错，可能只影响其中一项，而你误以为整个补全“坏了”。最稳妥的做法是——每次只调一个配置，用 test.html 验证，别在 .vue 或 .svelte 里直接调试。

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