Shift+Alt+F是VS Code中HTML代码对齐的默认快捷键，但需满足文件为.html后缀且右下角语言模式显示“HTML”；若没反应，主因是文件未保存、语言模式错配（如Plain Text）、html.format.enable被禁用、插件冲突或光标位于script/style块内触发JS/CSS格式化。
VS Code 中 HTML 代码对齐的默认快捷键是 Shift+Alt+F，但必须满足两个前提：文件已保存为 .html 后缀，且当前语言模式识别为 HTML（右下角状态栏显示 “HTML”）。
为什么 Shift+Alt+F 有时没反应？
这不是快捷键失效，而是触发条件没满足：
- 文件未保存或后缀不是
.html（比如临时粘贴在Untitled-1里），VS Code 默认按纯文本处理，不加载 HTML 格式化器 - 右下角语言模式显示为 “Plain Text” 或 “JSON”，需点击它手动选 “HTML”
- 禁用了 Prettier 或内置 HTML 格式化提供者：检查设置中
"html.format.enable"是否为true，以及是否有插件冲突（如同时启用 Beautify 和 Prettier 且未设默认） - 光标位于
<script></script>或<style></style>块内时，Shift+Alt+F会按 JS/CSS 规则格式化，而非 HTML 结构——这不是 bug，是设计行为
Shift+Alt+F 实际排版效果依赖哪些配置？
它调用的是 VS Code 内置 HTML 格式化引擎（或你指定的 formatter），关键参数包括：
-
"html.format.wrapLineLength"：默认 120，超长标签会自动折行；设为 0 可禁用折行（适合保留单行语义清晰的模板） -
"html.format.indentInnerHtml"：控制<body>内子元素是否缩进，默认false；设为true才能让<div><p></p></div>的<p>相对于<div>缩进 -
"html.format.preserveNewLines"：是否保留原始空行，默认true；若关掉，连续空行会被压缩成一个 - 缩进单位由全局
"editor.insertSpaces"和"editor.tabSize"控制，和语言无关
替代方案：不用快捷键也能快速对齐
当快捷键不可用或想更可控时，可绕过键盘直接操作：
立即学习“前端免费学习笔记（深入）”；
- 右键编辑器任意位置 → 选择 “格式化文档”（注意不是“格式化选中内容”，后者可能破坏嵌套层级）
- 命令面板：
Ctrl+Shift+P→ 输入 “Format Document With...” → 选择 “Default Formatter” 或指定插件 - 保存时自动格式化：开启
"editor.formatOnSave"，但要小心——如果项目用 Prettier，而同事用 Beautify，保存即改写风格，协作时容易引发大量 diff - 在线救急：复制混乱代码到 beautifier.io，选 “HTML”，点 Format；注意别粘贴含敏感路径或内联脚本的生产代码
真正容易被忽略的点是：格式化不会修复语义错误。比如 <div><p></div></p> 这种错位标签，Shift+Alt+F 会原样保留甚至加重缩进混乱——它只管结构对齐，不管 DOM 合法性。先用 Ctrl+Shift+P → “Go to Match Bracket” 检查标签配对，再格式化，才稳妥。
