Html 如何在VS代码中将属性拆分到多行上时停止“更漂亮”？

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

我的主要任务是在多行上拆分属性

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

我更喜欢它看起来像这样

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

我在房间里找不到任何东西

---

有没有一种方法可以做到这一点，或者我可以使用一种不同的工具，这样我就可以拥有自己的自定义格式规则，以符合我的感受？

经过多次尝试，我想出了以下解决方案

禁用html文件的prettier并使用默认格式化程序 由VS代码提供

根据要求设置线路长度。(一) 将其设置为100）

这是我的设置。经过上述更改后，json看起来像

{
  "editor.formatOnSave": true,
  "html.format.wrapLineLength": 100,
  "prettier.disableLanguages": ["html"]
}

只有当长度大于100时，才会尝试包装HTML属性。

---

好的是，即使长度超过100，它也不会将每个属性换行。

一个快速修复方法是转到“更漂亮的扩展设置”（ctrl+shift+X），并在“更漂亮的扩展设置”中搜索“打印宽度”，将其设置为250或任何适合您的设置

1：转到扩展设置：

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

在保存时禁用格式代码。关闭“保存时格式化”并在需要时使用

Alt+Shift+F

格式化代码

---

您可以目视检查设置

将此行添加到设置JSON以增加最大线宽

  "prettier.printWidth": 160,

---

我认为这一定与您的

printWidth

设置有关，因为如果您超过

printWidth

限制，它只会将属性分成多行。你可以在更漂亮的操场上进行测试：如果你超过了

printWidth

，我不认为你可以做任何事情来防止属性在使用prettier时超过多行。