如何用命令行工具做HTML格式化？高效开发技巧-html教程-PHP中文网

prettier 默认不处理 html 文件，需显式指定 --parser html；混有 js 代码时还需 --parser babel 并配置 "htmlwhitespacesensitivity": "ignore"。

如何用命令行工具做html格式化？高效开发技巧

用 `prettier` 命令行格式化 HTML 为什么没反应？

不是命令写错了，而是 Prettier 默认不处理 HTML 文件——它只认 .html 或 .htm 后缀，且要求文件以 开头。片段、内联模板、带服务端语法（如 <code>）的文件会被静默跳过。

必须显式指定 parser：

prettier --parser html --write index.html

如果混了 JS 代码（比如 <script>const x = () => {}</script>），还得加 --parser babel，并配 "htmlWhitespaceSensitivity": "ignore"，否则缩进可能错乱。

检查文件是否真以 .html 结尾：用 ls -l *.html 或 dir *.html 确认
打开文件第一行，确认是 ，不是 <code> 单独一行
别对 echo '<div>test</div>' | prettier 这类管道输入抱期望——Prettier 不支持 stdin 解析 HTML 片段

`tidy` 和 `js-beautify` 哪个更适合修复烂 HTML？

tidy 是老牌救急工具，专治标签不闭合、属性缺引号、嵌套错乱这类“语法残缺”问题；js-beautify 更偏向“视觉美化”，对结构合法但缩进混乱的文件更友好。

典型场景对比：

遇到 <div><p>hello</p></div> 这种嵌套错误 → 用 tidy -f /dev/stderr -i -m index.html（-m 表示就地修改）
遇到 <div class="a" id="b"><p>text</p></div> 但全挤在一行 → 用 js-beautify -r -s 2 index.html（-s 2 设缩进为 2 空格）
tidy 输出默认带文档类型声明和 <meta>，js-beautify 完全不动已有结构，只调空格换行

VS Code 里按 `Shift+Alt+F` 格式化 HTML 失效？

这不是插件没装，是 VS Code 默认把 HTML 格式化权交给了内置的 vscode-html-languageservice，它不读 .prettierrc，也不认 printWidth 这类配置。

Doc To HTML

使用 MinerU 文档处理引擎将 Word 文档（.doc、.docx）转换为保留结构和格式的干净 HTML。

下载

必须手动接管：

打开一个 .html 文件，右键 → Format Document With… → Configure Default Formatter…
从列表选 Prettier - Code formatter
关掉 "html.format.enable": true 这类设置项（它会强制启用内置格式器，和 Prettier 冲突）

顺手在 .prettierrc 里加上这两项，避免属性被乱折行：

{
  "printWidth": 100,
  "htmlWhitespaceSensitivity": "css"
}

Python 一行命令生成 + 格式化 HTML 可行吗？

可以，但得拆成两步：先生成，再交给 Prettier 或 Tidy。Python 自身没有 HTML 格式化逻辑，print() 只负责输出原始字符串。

安全做法（Linux/macOS）：

python3 -c "print('<h1>Hi</h1><p>ok</p>')" > tmp.html && prettier --parser html --write tmp.html

Windows PowerShell 需注意引号转义，更稳妥是写个简短脚本：

python3 -c "
import sys
with open(sys.argv[1], 'w', encoding='utf-8') as f:
    f.write('<title>Test</title><p>Hello</p>')
" index.html && prettier --parser html --write index.html

关键点：生成阶段用 Python 控制内容准确性，格式化阶段交给专业工具——别指望一行命令包打天下。