VSCode默认HTML语言服务不读取项目CSS文件，class属性补全需CSS语言服务器介入；必须满足：根目录存在未被files.exclude隐藏的.css/.scss文件，且css.validate为true；Tailwind需额外安装tailwindcss-intellisense并配置classRegex。
HTML属性补全为什么只提示class、src，却不显示项目里定义的CSS类名？
因为VSCode默认的HTML语言服务不读取项目中的CSS文件，class=""里的候选类名来自CSS语言服务器，不是HTML插件本身。它需要两个前提同时满足：项目根目录下存在.css或.scss文件，且未被files.exclude隐藏；css.validate设为true（默认开启，但某些CSS插件会覆盖）。
如果你用的是Tailwind，还得额外装tailwindcss-intellisense插件，并检查tailwindCSS.experimental.classRegex是否匹配你的类名写法（比如tw-*前缀）。否则即使写了class="tw-bg-blue-500"，也不会弹出颜色变体建议。
在Vue或JSX里写class、src不补全，怎么办？
Vue单文件组件的块和JSX中的JS字符串，语言模式不是html，而是vue或javascriptreact，原生HTML设置完全不生效。
- Vue项目：装
Volar插件（非Vetur），它接管vue语言模式，并支持HTML标签+属性+CSS类名联动补全 - JSX/TSX：确保
TypeScript语言服务启用，class补全靠typescript.preferences.includePackageJsonAutoImports和CSS模块解析能力，不是Emmet管的 - 临时方案：在
settings.json里加"emmet.includeLanguages": {"vue": "html", "javascriptreact": "html"}，但这只解决缩写展开，不解决CSS类名提示
href和src路径补全失效，常见原因有哪些？
路径补全依赖html.suggest.paths开关，默认是true，但容易被工作区配置覆盖。关掉后，输入src="就只能手敲相对路径，没有文件树提示。
另外三个关键点：
- 当前文件必须在VSCode打开的文件夹内（即有根目录），否则路径补全无法定位上下文
- 如果路径含
../向上跳转，但目标文件夹被files.exclude屏蔽，补全列表里就不会出现 - 在
.vue中src写在:src绑定表达式里则走JavaScript路径解析逻辑，得靠typescript.suggest.paths而非HTML设置
为什么装了插件还是没反应？先看这三处状态
别急着重装插件，先确认VSCode底层是否“认得”当前这段代码是HTML：
- 右下角语言模式必须是
HTML（不是Plain Text、PHP或Vue）——点击切换最直接 - 按
Ctrl+Shift+P搜Developer: Toggle Developer Tools，控制台里有没有Failed to load language configuration报错 - 打开命令面板输
Emmet: Expand Abbreviation，手动触发一次，看是否生成结构——如果失败，说明Emmet根本没加载，不是补全问题而是环境问题
真正卡住的地方往往不是插件没装，而是语言模式错位或路径上下文丢失，这两点比插件本身更常导致“看起来像坏了”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
