Shift+Alt+F可一键格式化HTML代码，自动缩进子元素、对齐成对标签、换行长属性、统一双引号；若无效需检查Prettier插件安装、语言模式是否为HTML，并建议开启editor.formatOnSave配合.prettierrc统一规则。
直接用编辑器快捷键格式化，比手动调缩进快十倍，而且能自动修复多数闭合和嵌套问题。
VS Code 里按 Shift+Alt+F 就能一键对齐
这个快捷键触发的是当前启用的格式化插件（默认是内置 HTML 格式化器，但更推荐装 Prettier）。它会自动做这几件事：
- 把每个子元素缩进一层，用空格而非 Tab（除非你显式配置为 Tab）
- 成对标签上下对齐，比如
<div>和</div>垂直对齐 - 长属性列表自动换行，每个属性独占一行，按
id、class、data-*、src/href顺序排列 - 强制使用双引号包裹所有属性值，不接受单引号或无引号写法
注意：如果按了没反应，先检查是否安装了 Prettier 插件，再确认文件语言模式是 HTML（右下角显示），不是 Plain Text。
保存时自动格式化要打开 editor.formatOnSave
手动按快捷键容易忘，尤其改完一堆小地方后。开启自动保存格式化后，每次 Ctrl+S 就同步整理，省心且保证一致性。
立即学习“前端免费学习笔记（深入）”；
- 在 VS Code 设置中搜索
format on save，勾选它 - 配合项目根目录下的
.prettierrc文件，可统一团队规则（比如缩进用 2 空格、不换行属性最大长度设为 80） - 如果某次不想格式化（比如临时调试未闭合结构），可加注释
<!-- prettier-ignore -->在对应标签前
在线工具只适合救急，别当主力
像 beautifier.io 或 freeformatter.com 这类网站，适合没有编辑器环境时快速粘贴处理，但有明显局限：
- 不校验语法，
<div><p>文本这种漏闭合标签会被原样缩进，看起来整齐实则无效 - 无法识别项目级配置（如自定义属性排序、JSX 混写场景），容易和本地规则冲突
- 敏感代码粘贴到公网工具存在泄露风险，尤其含内网路径或临时测试数据时
真要用，建议复制前删掉 src、href 中的实际 URL，或只处理纯结构片段。
格式化掩盖不了结构性错误
最常被忽略的一点：格式化只是“梳头发”，不是“治秃头”。如果原始 HTML 有嵌套错乱（比如 <p> 里套 <div>）、自闭合标签写成 <img> 而非 <img />、或语义标签误用（<div class="header"> 而不用 <header>），格式化后依然会出问题。
真正可靠的流程是：写完先用 W3C Markup Validation Service 验证，修完结构错误，再格式化。否则，越整齐的错误，越难一眼发现。
