vs code中shift+alt+f缩进错乱是因语言识别、格式化器优先级或缩进配置未对齐；需确认文件后缀与语言模式匹配、指定html默认格式化器、统一空格缩进，并区分格式化与语义校验。
VS Code 里按 Shift+Alt+F 后缩进反而错乱，不是格式化工具坏了，而是语言识别、格式化器优先级或缩进配置三者没对齐。
为什么 HTML 格式化后缩进更乱了？
常见现象是 <div> 下的 <code><p></p> 没缩进、<script></script> 被挤进 里、甚至闭合标签突然跑到上一行——这些都不是 Prettier 或 VS Code “出 bug”，而是：
- 文件后缀不是
.html或.htm，编辑器识别为纯文本，用错了格式化规则 - 右下角语言模式显示“Plain Text”或“JavaScript”，而非“HTML”
- 装了多个格式化插件（比如 Prettier + Beautify），但没指定哪个对 HTML 生效
-
html.format.enable是false，或者被工作区配置覆盖了
如何确认并修复 VS Code 的 HTML 格式化器？
别猜，直接查生效的格式化提供者：
- 右键编辑区 → “格式化文档”，如果提示“没有可用的格式化程序”，说明没启用任何 HTML 格式化器
- 按
Ctrl+Shift+P输入Preferences: Configure Language Specific Settings...→ 选HTML→ 看editor.defaultFormatter值是不是vscode.html-language-features（官方）或esbenp.prettier-vscode（Prettier） - 在
settings.json中显式声明，避免被其他插件劫持：{ "[html]": { "editor.defaultFormatter": "vscode.html-language-features", "html.format.enable": true } }
缩进错乱常因空格和 Tab 混用，怎么彻底统一？
混合缩进是协作项目中最隐蔽的“定时炸弹”：一个人用 Tab，另一个人用 4 空格，Git diff 里全是空格变更，但结构其实没动。必须从源头堵住：
- 全局关掉 Tab 键插入制表符：
editor.insertSpaces设为true - 统一缩进宽度：
editor.tabSize设为2或4（团队已有规范就照搬，别争论） - 给 HTML 单独加固：
"[html]": { "editor.tabSize": 2, "editor.insertSpaces": true } - 检查当前文件是否真正在用空格：按
Ctrl+Shift+P→ 输入Convert Indentation to Spaces执行一遍
Prettier 格式化后 <script></script> 和 <style></style> 变成一行怎么办？
这不是缩进问题，是 Prettier 默认不解析内联代码，把它当普通文本压平了。你不能靠调 htmlWhitespaceSensitivity 挽救，得换思路：
- **首选方案**：把逻辑抽到外部文件，用
<script src="main.js"></script>—— 这样 JS 交给 ESLint，CSS 交给 Stylelint，各管各的 - **临时方案**：在
<script></script>标签上加注释禁用格式化：<script> /* prettier-ignore */ console.log('hello'); </script> - **风险方案**：改
html.format.wrapLineLength到 200+，但治标不治本，且可能让其他标签换行失控
真正容易被忽略的，是缩进规则只帮你暴露问题，不替你修正语义错误。比如 <ul></ul> 下直接写 <p></p>，缩进再整齐也是非法结构——格式化只是放大镜，不是纠错器。
