Visual Studio Code 和 Prettier html 格式在单独的行上

Question

我正在使用 VS Code 和 Prettier，但在保存时无法按照我希望的方式对其进行格式化。

如果我有一条线

<input type="checkbox" /> Label<br />

格式化/保存后，它变成

<input type="checkbox" /> Label <br />

我不想在保存时关闭格式，因为我希望能够不时格式化文档。是否有设置可以按照我想要的方式换行？我更喜欢它只在行长和其他想要的地方换行（例如不同行上的选择和选项标签）

注意：这只是一个简化的例子。还有许多其他情况，当我希望它们保持在一个单独的行时，它将每个标签放在一个单独的行上。

Answer 1

您需要更新根目录中的 .prettierrc 文件才能

 "printWidth": 1000

或者您想要的任何打印宽度，它应该可以解决这个问题。另请查看https://prettier.io/docs/en/configuration.html上的 Prettier 文档，了解您可以配置的其他项目。