请提供需要生成摘要的文章内容。
输入
VS Code 的 HTML 标签补全本质是 Emmet 驱动的，不是纯语言服务。输完 <di> 没反应，大概率是 Emmet 的展开逻辑被关了。</di>
必须确认以下两项在 settings.json 中存在且合理：
-
"emmet.triggerExpansionOnTab": true—— 关掉后按 Tab 不会触发任何缩写展开，包括初始标签补全 -
"emmet.showExpandedAbbreviation": "inMarkupAndStylesheetFiles"—— 设为"never"时，连<di> 都不提示 <code><div>，这是最常踩的坑 <p>顺便检查右下角语言模式是否为 <code>HTML；如果是.vue或.svelte文件，Emmet 默认不生效，得加配置："emmet.includeLanguages": {"vue-html": "html"}class 属性里不提示项目中的 CSS 类名？原生不支持，得靠插件
VS Code 自带的 HTML 补全只管标签结构，
class=""里的值默认不会列出你项目中真实存在的类名——它根本没读你的 CSS 文件。立即学习“前端免费学习笔记（深入）”；
要实现这个效果，得装插件并配路径：
- 装
IntelliSense for CSS class names in HTML（注意名字带in HTML，别装错） - 插件默认只扫
./src/**/*.css和./src/**/*.scss；如果你的样式在assets/styles/下，就得加配置："css.styleSheets": ["assets/styles/*.css"] - Tailwind 用户请换用
Tailwind CSS IntelliSense，原生 CSS 类名插件对@apply或 CSS-in-JS 完全无效
按 Tab 没补全
<div>，但 Enter 可以？检查 <code>html.suggest.html5这个设置控制语义化标签（如
<header></header>、<nav></nav>）是否出现在补全列表里。如果它是false，<he> 就不会提示 <code><header></header>，但传统标签如<div> 仍可能出来。 <p>更关键的是：它不决定“能不能补全”，而是“补哪些”。真正影响基础补全开关的是：</p> <ul> <li> <code>"html.suggest.enabled": true（全局开关） - 装
-
"editor.quickSuggestions": {"other": true, "strings": true}（确保在属性值里也能弹建议） -
"emerald.emmet": true（新版 VS Code 默认开，但远程开发时得确认服务器端也启用了）
改完设置后，别忘了执行 Developer: Reload Window，否则部分改动不生效。
补全出来了，但自动闭合没跟上？看 html.autoClosingTag
输入 <div> 后想自动补 <code>
