html - 如何防止 VS Code 将长 HTML 行分成多行？

Question

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

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

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

我试过摆弄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
}

标签： htmlvisual-studio-codevuejs2formattingvetur

Answer 1

您可以添加"html.format.wrapLineLength": 0settings.json。