从命令行格式化HTML

Question

4

有没有类似于 eslint 格式化 javascript 的工具可以自动格式化 HTML？为什么看起来不能集成太多可自定义选项到开发流程中呢？

我希望可以通过从终端运行命令来自动按以下方式格式化 HTML：

<input
  class="input-style"
  placeholder="Replace me!"
/>

因此，例如我可以运行npm run html-lint，它会修复html文件中的语法并警告无法修复的情况。

- Waltari

你似乎已经成功地格式化了它。有什么问题吗？或者你是在寻求工具推荐？推荐问题是不被允许的话题。 - Quentin

我正在寻找一种自动化工具来完成这个任务，你可以像 eslint 一样进行自定义配置。 - Waltari

1

正如我所说，推荐问题是不适合讨论的话题。 - Quentin

1

使用类似 "Visual Studio Code" 的编辑器，并添加一些旨在美化 HTML 的扩展程序。这符合您的需求吗？ - NoOorZ24

1

我想要一个脚本，可以添加到 package.json 中，用于自动格式化代码，并警告无法修复的情况，类似于 eslint。 - Waltari

显示剩余2条评论

4个回答

5

也许你正在寻找更美观的东西，这也支持 CLI，甚至可以进行配置，完整文档请参见此处。 Prettier CLI

希望这能帮到你。

- Sigit

干杯。Prettier似乎默认使用我在问题中所请求的HTML格式。 - Waltari

4

我个人认为Tidy是整理HTML文件的一个很棒的选择。请查看Tidy

- shmit

3

我在Google上搜索了"Package json pretty print html"，得到以下结果：

(不清楚这是否可以包含在package.json中)

还有这个（似乎是一个命令行工具）：

- Yvonne Aburrow

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Havenard · Accepted Answer

js-beautify 也适用于 HTML。

npm install js-beautify
js-beautify --type html file.html

请注意，所有这些美化操作会大幅增加文件大小。缩进对于修订和编辑很有用，但对于托管来说则不太适合。出于这个原因，您可能会发现html-minifier同样有用。