html - 如何在 VS 代码中阻止 Prettier 将属性拆分为多行？

Question

我在 VS Code 中使用 prettier 来格式化我的代码，但我真的不喜欢它的方式。

我的主要问题是它将属性拆分为多行。

<input
    type="checkbox"
    name="asiaNews"
    id="asiaNews"
    value="asiaNews"
/>

我更喜欢它看起来像这样

<input type="checkbox" name="asiaNews" id="asiaNews" value="asiaNews" />

我在 docs 中找不到任何内容或在 SO

How to prevent VS Code from breaking up long HTML lines into multiple lines?

有没有办法做到这一点或我可以使用不同的工具，以便我可以拥有适合我的感受的自定义格式规则？

Answer 1

快速解决方法是转到更漂亮的扩展设置(ctrl + shift + X)并在更漂亮的扩展设置中搜索“打印宽度”将其设置为 250 或任何适合您的值。
1:转到扩展设置:

2:根据自己的喜好更改打印宽度的值。

在保存时禁用格式代码。关闭“保存时格式化”并使用 Alt+Shift+F随时格式化代码。

您可以目视检查设置 here