Vue.js 如何使用Prettier禁用元素标记中的属性打断

我使用Vue CLI生成了一个新的Vue项目。对于linter选项提示，我选择了Prettier。如何禁用对新行的属性断开？例如：

这是我的标记：

...

我的预期结果是：

...

我试图创建

.prettierrc

文件，并添加了以下配置：

{
“htmlWhitespaceSensitivity”：“忽略”
}

---

但这对我来说不起作用，HTML看起来还是一样。

这里强制执行的更漂亮的选项是，默认值为80。所讨论的标记行的长度为82个字符加上前面选项卡空间的长度，这会导致linter/formatter拆分该行

您可以增加

printWidth

以解决此问题：

/.eslintrc.js
module.exports={
规则：{
//...
“更漂亮/更漂亮”：[
“警告”，
{
printWidth:180，//默认值=80
}
]
}
}