HTML属性值补全只提示空字符串，是因为class、src、href等值补全依赖CSS/JS语言服务器联动而非HTML服务单独实现；需确保css.validate为true、项目含未被排除的.css/.scss文件、Tailwind需匹配classRegex、Vue中依赖Volar而非html.suggest.html5设置。
HTML属性值补全为什么只提示空字符串？
VSCode默认不补全class、src、href等属性的值，不是插件没装好，而是它根本没被激活——这些补全是靠CSS/JS语言服务器联动实现的，不是HTML语言服务单独负责。
常见现象：输入class=""后光标停在引号里，但没弹出项目中已定义的类名；src=""里也不提示图片路径。这不是bug，是配置缺失。
-
css.validate必须为true（默认开启，但可能被工作区覆盖） - 项目根目录下得有
.css或.scss文件，且未被files.exclude隐藏 - 如果用Tailwind，
tailwindCSS.experimental.classRegex必须匹配你的类名写法，比如["class:\s*['"`]([^'"`]*?)['"`]"] - Vue单文件组件中，
class=""补全依赖Volar，不是原生HTML设置
Emmet不补全属性值？检查emmet.showExpandedAbbreviation
很多人以为输入div.my-class按Tab就能生成带class属性的<div class="my-class"></div>，结果只出来<div></div>——问题大概率出在Emmet的展开策略上。
这个行为由emmet.showExpandedAbbreviation控制，它决定“缩写是否在输入过程中就实时展开为完整标签”。设成"never"时，连di输完都不提示<div>；设成"inMarkupAndStylesheetFiles"才正常。
立即学习“前端免费学习笔记（深入）”；
- 务必确认settings.json中有：
"emmet.showExpandedAbbreviation": "inMarkupAndStylesheetFiles" -
emmet.triggerExpansionOnTab要为true，否则Tab键不触发展开 - 在
.vue文件里，需额外配置"emmet.includeLanguages": {"vue-html": "html"} - 输入
a[href="#"]这类带属性的缩写，必须按Tab才能展开，不能只靠自动补全列表选
单引号 vs 双引号：VSCode怎么统一用单引号补全属性？
VSCode默认用双引号包裹属性值，但项目规范要求单引号时，每次手动改很烦。它不提供全局开关，但可通过Emmet偏好强制输出。
在settings.json里加这段，所有Emmet生成的属性值都会用单引号：
"emmet.preferences": {
"output.quoteChar": "'"
}
- 该设置只影响Emmet生成的内容（如
div.class→<div class='class'></div>），不影响手敲时的自动补全引号类型 - HTML语言服务本身不控制引号风格，所以
class=""光标停进去后，你敲字母还是得自己补单引号 - 若同时用了Prettier，建议把
prettier.singleQuote也设为true，避免格式化时又被转回双引号
Vue/JSX里class值不补全？别碰html.suggest.html5
在.vue或.jsx文件里折腾html.suggest.html5没用——那个开关只管<header>这类语义标签的补全，跟属性值完全无关。
Vue里class=""补全靠Volar，JSX里靠TypeScript语言服务。它们各自独立，和HTML设置互不干扰。
- 确认右下角语言模式是
vue或javascriptreact，不是html - Volar插件必须启用，且
volar.autoImport建议开，否则class里看不到style.css里的类名 - JSX中确保
typescript.preferences.includePackageJsonAutoImports为"auto"，否则第三方UI库的class名不会出现 - 如果用UnoCSS或Windi CSS，需安装对应插件并确认其语言服务器已启动
属性值补全最脆弱的环节不在设置本身，而在语言服务器是否真正加载成功——哪怕配置全对，Volar没连上TS服务，class=""里照样一片空白。
