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

Question

新手上路，请多包涵

当我的带有属性的元素变长时，VS Code 似乎将行分成多行：

（这里我想要三行而不是七行，每个元素一行）

我正在使用 prettier 进行格式化，并设置了 printWidth 选项，该选项适用于 javascript 代码，但对于 HTML，它似乎被 VS 代码覆盖。

我试过摆弄 wrapAttributes 和 html.format.wrapLineLength 设置，但这些似乎都没有任何效果。

如何处理这件事？

更新：

非常感谢你的回答。我还没有收到他们的通知，很抱歉没有采取行动。

我已经尝试了您的所有建议，但问题仍然存在。这是根据您的建议我当前的配置。

设置.json：

 "html.format.wrapLineLength": 0,
"html.format.enable": false,
"html.format.wrapAttributes": "auto",
"vetur.format.defaultFormatterOptions": {
    "prettyhtml": {
        "printWidth": 300,
        "singleQuote": false,
        "wrapAttributes": false,
        "sortAttributes": false
    }
}

.prettierrc.json:

 {
  "semi": true,
  "trailingComma": "none",
  "singleQuote": true,
  "printWidth": 300,
    "tabWidth": 2,
    "useTabs": true,
    "jsxBracketSameLine": true
}