有哪些HTML模板代码美化工具推荐，能让代码格式更整洁？

本文共计949个文字，预计阅读时间需要4分钟。

HTML模板代码是否整洁，不取决于你写了多少语义化标签，而取决于是否缩进、空行、引号、闭合这四件事是否被妥善处理。

VS Code 里 Prettier 怎么配才真正生效

很多人装了 Prettier - Code formatter 插件却没效果，根本原因是没设为 HTML 默认格式化器，或没启用保存时自动格式化。

• 右键 HTML 文件 → “Format Document With…” → 选 Prettier 并勾选 “Configure Default Formatter…”
• 在设置中搜索 format on save，确保已启用
• 项目根目录必须有 .prettierrc，哪怕只写一行：

  {"htmlWhitespaceSensitivity": "css"}，否则 Prettier 对空行和换行的处理会出人意料

• 如果用的是 Vue 或 Svelte 单文件组件，需额外加 "parser": "html"，否则 template 内部可能被当成 JS 处理

为什么 prettier --write "**/*.html" 有时漏掉某些文件

glob 模式匹配失败是常见原因，尤其在 Windows 或含空格路径下。Prettier 默认不递归处理隐藏目录（如 node_modules），但也不会跳过 .git 下的文件——除非你显式排除。