vs code保存自动格式化不生效，根本原因是格式化链路未打通：必须确保editor.formatonsave为true、对应语言（如[html]）明确绑定esbenp.prettier-vscode为defaultformatter，且排除codeactionsonsave等覆盖行为。
VS Code 保存时自动格式化不生效？检查这三处配置
根本原因不是 Prettier 没装，而是 VS Code 的格式化链路没打通。常见现象是：手动运行 Prettier: Format Document 能成功，但 Ctrl+S 保存后毫无反应。
-
editor.formatOnSave必须设为true（在项目级.vscode/settings.json中，而非用户全局设置） -
[*.html]文件关联必须明确指定格式化工具：html.format.enable设为true，且editor.defaultFormatter在html类型下指向esbenp.prettier-vscode - 如果同时启用了
editor.codeActionsOnSave，注意它可能覆盖格式化行为；建议先清空该字段再测试
.prettierrc 和 .editorconfig 冲突时以谁为准？
.editorconfig 控制编辑器底层行为（如缩进字符、换行符），.prettierrc 控制代码语义级格式（如属性换行、标签闭合位置）。二者不冲突，但顺序错会导致“看起来生效了，实际不对”。
-
.editorconfig的indent_size只影响新建行的默认缩进，不影响已有 HTML 标签的重排 —— 这由.prettierrc的tabWidth决定 - 若
.prettierrc设"tabWidth": 2，但.editorconfig里写indent_size = 4，保存时 Prettier 仍按 2 缩进，只是新敲回车时编辑器默认插 4 个空格（需手动删掉） - 推荐做法：
.editorconfig仅保留基础项（charset、end_of_line、insert_final_newline），缩进相关全交给.prettierrc
HTMLHint 报错但 Prettier 不修复，怎么协同？
HTMLHint 是静态检查器，只报错不改代码；Prettier 是格式化器，只动结构不动逻辑。它们职责分明，不能互相替代，但能互补。
- HTMLHint 常见报错如
attr-no-duplication、attr-lowercase，这些属于语义错误，必须人工修正 - Prettier 对
<img src="x">这类自闭合标签会自动补斜杠（<img src="x">），但不会检查src是否为空 —— 这是 HTMLHint 的attr-req-value规则范畴 - 建议在
package.json的scripts里并列定义："lint:html": "htmlhint src/**/*.html"和"format:html": "prettier --write src/**/*.html"，CI 流程中先 format 再 lint
团队新人 clone 项目后仍格式不一致？关键在 .vscode/settings.json 是否被提交
很多人把 .vscode/settings.json 加进 .gitignore，以为“个人设置不该进仓库”——这是最大误区。项目级编辑器配置必须提交，否则新人根本无法继承统一环境。
- 只需提交
.vscode/settings.json，不必提交.vscode/extensions.json（插件推荐可写进 README） - 该文件内容应极简，只含真正影响协作的项：
editor.tabSize、editor.insertSpaces、editor.formatOnSave、html.format.wrapAttributes等 - 若团队混用 WebStorm，需额外提供
.idea/codeStyles/Project.xml，但 VS Code 用户无需关心 —— 统一以 VS Code 配置为事实标准
<div><p>文本</p></div> 这种嵌套错误，HTMLHint 也不会自动把它变成两层正确闭合。工具链能标准化“怎么写”，但不能替代对 HTML 语义的理解。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
