shift+alt+f（win/linux）或shift+option+f（macos）是vs code原生格式化快捷键，但需已安装prettier等对应格式化插件、右下角语言模式正确识别为html、且未禁用格式化功能才生效。
直接用 Shift+Alt+F（Windows/Linux）或 Shift+Option+F（macOS）在 VS Code 里就能完成——前提是已启用 Prettier 或内置 HTML 格式化器。这是目前最稳定、最可控的一键方案，比在线工具更安全，比手动调整更可靠。
VS Code 里按快捷键没反应？检查这三件事
常见现象是按下 Shift+Alt+F 后毫无反应，或者格式化结果不符合预期：
- 没装格式化插件：VS Code 默认对 HTML 的支持较基础，建议安装
Prettier并设为默认；Beautify插件也行，但配置项更多，容易误调 - 文件关联错误：右下角状态栏显示的文件语言是不是
HTML？如果不是，点击它并选“Change Language Mode” → “HTML” - 格式化被禁用：检查设置里是否关掉了
editor.formatOnSave或整个格式化功能；也可以临时右键 → “Format Document With…” 手动选一次引擎
命令行批量处理 HTML 文件：用 tidy 最省心
适合 CI/CD 流水线、服务器上一次性规整几十个旧页面，不依赖 GUI 环境：
-
tidy -indent -wrap 0 -modify index.html：缩进 + 不折行长行 + 直接改原文件 -
tidy -indent -wrap 80 -output formatted.html input.html：生成新文件，保留原始版本 - 注意：
tidy对 HTML5 语义标签（如article、nav）支持良好，但遇到自定义属性（如data-v-xxx）时可能报警告，一般可忽略 - Linux/macOS 用
apt install tidy或brew install tidy-html5安装；Windows 用户推荐用 Chocolatey：choco install html-tidy
Python 脚本做轻量解析后格式化：用 BeautifulSoup.prettify()
当你不只是要缩进，还要先删注释、提取特定区块、或统一替换某些 class 名时，BeautifulSoup 是更灵活的选择：
-
pip install beautifulsoup4安装即可，无需额外依赖 -
soup.prettify(formatter="html")会自动补全缺失的闭合标签（比如把<br>
变成<br>
），这点和tidy行为不同 - 缩进默认是两个空格，可通过
soup.prettify(indent_width=4)改成四个 - 缺点：不校验语法合法性，也不会提示你哪层嵌套错了；它只负责“看起来整齐”，不是验证器
真正容易被忽略的是：格式化只是表象，结构正确才是前提。哪怕缩进再整齐，如果 <div> 没闭合、<code><table> 里塞了 <code><div>，W3C 验证器照样报错。建议每次格式化后顺手粘贴到 <a href="https://www.php.cn/link/61d427b812eea882235a3ae3ce613dd2">validator.w3.org</a> 过一遍——花不了十秒，但能避开很多后期渲染异常。</div>
