HTML静态分析工具推荐｜Eslint插件汇总指南

本文深入解析了HTML静态分析的正确选型与协作策略，明确指出HTMLHint是专治纯HTML文件（如public/index.html）的轻量级利器，能精准捕获doctype位置、标签配对、alt缺失、ID重复等ESLint及其插件完全无法覆盖的关键问题；而ESLint仅通过vue/react插件适配组件内模板，并不处理原生HTML结构——二者定位互补、不可替代。文章强调：在Vue/React项目中必须分层检查——用HTMLHint守好HTML入口文件质量门禁，用ESLint插件专注JSX或.vue模板逻辑，CI流程中应严格分离执行命令；同时提醒开发者避开常见配置陷阱，如.htmlhintrc路径错误、引号规则误配、可访问性规则未启用等，确保静态检查真正落地为可靠的质量防线。

HTML静态分析工具里，HTMLHint 是目前最轻量、最易集成、规则最贴近真实项目需求的选项；ESLint 本身不处理 HTML，但通过插件可覆盖 Vue/React 中的模板部分——二者定位不同，不能互相替代。

为什么不用 ESLint 直接检查纯 HTML 文件

ESLint 的核心是解析 JavaScript AST，它压根不识别