VS Code 中 HTML 代码质量纠错无法“零感知”，必须显式配置语言模式、HTMLHint 插件及 .htmlhintrc 配置文件三者闭环；否则标签不闭合、alt 缺失等错误均无提示。
HTML 代码质量纠错在 VS Code 里根本做不到“零感知”——它必须显式配置，否则连最基础的标签不闭合都报不出来。所谓“零感知”，其实是把校验逻辑埋进编辑器工作流里，让错误提示像拼写检查一样自然浮现，而不是每次保存后手动跑命令。关键不在工具多炫酷，而在三件事是否闭环：语言模式正确、校验插件启用、配置文件落地。
VS Code 怎么识别 .html 文件为 HTML 语言模式
这是整个流程的地基。如果右下角显示 Plain Text，后面所有校验、补全、格式化全部失效。
- 新建文件后务必先保存为
index.html（扩展名不能漏），否则 VS Code 默认当纯文本处理 - 点击右下角语言模式（如
Plain Text），选Configure File Association for '.html'→ 设为HTML - 若已关联但无效，检查
settings.json中files.associations是否误写成"*.htm": "html"却漏了.html，或反向错配 - 别信系统右键“重命名”改后缀——很多系统隐藏真实扩展名，VS Code 看不到
.html就不会触发语言服务
HTMLHint 插件为什么装了也不报错
HTMLHint 不是开箱即用型插件。它只读取项目根目录下的 .htmlhintrc 文件，没这个文件，它默认关闭所有规则，等于没装。
- 必须手动创建
.htmlhintrc（注意是点开头、小写、无后缀），内容至少包含{"rules": {"tagname-lowercase": true}} - 插件安装后无需手动启用，但配置文件必须存在且 JSON 合法；语法错误会导致整个配置静默失效
- 规则生效范围仅限当前工作区（即打开的文件夹），不是全局；跨项目需每个项目单独配
.htmlhintrc - 常见错误现象：
<DIV>不报错、<img>缺alt不提示——基本就是.htmlhintrc没生效
怎么让错误提示像拼写错误一样实时浮现
VS Code 内置的 HTML 验证器只检查结构合法性（如标签嵌套、属性拼写），不校验语义规范（如 alt 是否缺失）。要达到“零感知”反馈，得靠 HTMLHint + 正确语言模式 + 实时 linting 配合。
立即学习“前端免费学习笔记（深入）”；
- 确保语言模式是
html（右下角显示），否则 HTMLHint 的语言服务器不启动 - HTMLHint 默认每 500ms 扫描一次，无需手动触发；错误直接标红波浪线，悬停看详情
- 若修改代码后错误未消失，先按
Ctrl+Shift+P→ 输入Developer: Toggle Developer Tools，看 Console 是否有htmlhint加载失败日志 - 避免和 Prettier 冲突：Prettier 格式化可能破坏 HTMLHint 认为合法的空格/换行，建议关掉
editor.formatOnSave，用Shift+Alt+F手动格式化
为什么 Live Server 刷新后错误提示消失了
这不是 bug，是路径机制切换导致的校验上下文丢失。Live Server 启动的是本地 HTTP 服务（http://localhost:5500/），而 HTMLHint 只在编辑器内基于文件系统运行。
- 错误提示始终只存在于编辑器界面，跟浏览器是否刷新无关；刷新浏览器不会影响 VS Code 里的波浪线
- 但如果你在浏览器控制台看到 DOM 报错（如
Uncaught ReferenceError），那是 JS 运行时问题，HTMLHint 完全不覆盖这一层 - 真正容易被忽略的是：HTMLHint 不校验内联
<script>中的 JS 语法，要查这个得靠 ESLint +eslint-plugin-html - 如果改完 HTML 后波浪线没更新，别急着重启，先试
Ctrl+Shift+P→HTMLHint: Restart Server
