在 Visual Studio 代码中禁用 HTML 属性对齐

Disable HTML attribute alignment in Visual Studio Code

当我格式化 HTML 文件时,VS Code 正在堆叠元素属性。有什么方法可以禁用它吗?

默认设置为:

"html.format.wrapAttributes": "auto"

"auto"表示:

Wrap attributes only when line length is exceeded.

行长度在不同的设置中定义,默认为 120:

// Maximum amount of characters per line (0 = disable).
"html.format.wrapLineLength": 120

所以将 "html.format.wrapLineLength" 设置为 0 应该会给你想要的行为。

这对我有用。 在您的“Settings.json”文件中添加行

"prettier.printWidth": 300

如何调试这个问题:

点击HTML

注意 force 选项,还要看一下 Wrap Line Length。

在那里进行测试以获得预期的结果,但是...

首先测试HTML格式化

  • 打开要编辑的文档并右键单击以设置格式。

  • 选择 HTML 格式化程序

现在回去测试您的每个其他格式化程序,例如 Prettier 和 TidyHTML 等

似乎对我有用的是将默认的 120 换行长度更改为另一个值。我尝试了 0,但仍然有同样的问题,但出于某种奇怪的原因,20 的值起作用了。我不明白为什么,它就是有效。