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

Question

我正在使用 prettier 在 VS Code 中格式化我的代码，但我真的不喜欢它是如何做到的。

我的主要不满是它将属性拆分为多行。

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

我更希望它看起来像这样

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

我在 文档 或 SO 上找不到任何内容

如何防止 VS Code 将长 HTML 行分解为多行？

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

原文由 Tristanisginger 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

快速解决方法是转到 Prettier Extension Settings (ctrl + shift + X)，然后在 Prettier Extension Settings 中搜索“Print Width”，将其设置为 250 或任何适合您的值。

1：转到扩展设置：

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

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

您可以在 此处 目视检查设置

原文由 Bilal Ahmad 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

发生这种情况是因为 prettier 假设您希望代码宽度为 80 个字符，只是因为它们的默认设置。

所以你应该告诉 prettier 我有太多的空间。

为此，只需在根文件夹中创建 .prettierrc.json 文件并添加

{
 "printWidth": 600
}

并保存您的文件。这将清除您的问题。

原文由 Aloksinghse 发布，翻译遵循 CC BY-SA 4.0 许可协议