html质量提升需轻量反馈与即时收益：精简htmlhint规则至5条核心项，配置项目级而非用户级；用vs code代码片段强制bem命名；老代码分“查、修、锁”三步渐进规范；关键在高频无痛正向反馈培养肌肉记忆。
微小团队没法靠流程压人，HTML质量提升必须靠“轻量可感知的反馈+即时可见的收益”。强行推规范、设Lint门禁、写长篇文档，基本等于没推。
为什么HTMLHint在VS Code里装了却没人用
默认配置太宽泛，报错像噪音；报错位置不精准，点开文件找不到问题在哪；修复建议模糊，比如只说“属性未加引号”，但不标出是哪一行哪个属性。
- 先删掉所有非关键规则：禁用
attr-no-unsafe-char、attr-duplication等冷门项，只留5条核心规则——attr-lowercase、attr-quote、id-unique、img-alt、doctype-html - 把
.htmlhintrc放在项目根目录，而非用户级配置，确保新开项目也能继承 - 在
settings.json里加这行："html.validate.scripts": false，避免把内联<script></script>里的JS语法错误也混进来报
class命名怎么让新人不写成box-1、content-wrapper
不是靠开会讲BEM，而是让编辑器“替你说话”：输入card按Tab，自动展开card__title card__body card__footer；输入btn补全btn btn--primary btn--disabled。
- 在VS Code的
html.json代码片段里定义card片段，body字段写：<div class="card"> <div class="card__header">$1</div> <div class="card__body">$2</div> </div> - 禁止在片段里用
box、wrap、div这类无语义词，哪怕只是占位符 - 把常用组件片段打包成
html-snippets-team扩展，发给所有人一键安装，比口头强调管用十倍
怎么让老代码“不动声色”地变规范
别一上来就跑prettier --write，那会触发大量diff，引发合并冲突。要分三步走：先查、再修、最后锁。
- 用
html-validate --no-color --format json src/**/*.html > report.json导出问题清单，按错误类型排序，优先处理id-duplication和img-alt这类影响功能的问题 - 对已有页面，只手动修复
<img>缺alt、<input>缺type、<a></a>缺href这三类，其他留到下次迭代 - CI里加一条检查：
html-validate --max-warnings 0 src/**/*.html，只对新增或修改的文件生效，不卡住历史代码
最难的不是工具链，是让每个人在改一行代码时，下意识多想半秒：“这个class名以后别人能猜出来干啥吗？这个img没alt，屏幕阅读器念啥？”——这种肌肉记忆，得靠高频、轻量、无痛的正向反馈堆出来。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
