logo标签列表

在Visual Studio Code中禁用HTML属性对齐

visual-studio-code
18

当我在格式化HTML文件时，VS Code会堆叠元素属性。有没有办法禁用这个功能？

我卸载了最初安装的HTML格式化程序。现在我使用JS-CSS-HTML格式化程序，它非常好用。 - Chris
5个回答
11

默认设置为：

"html.format.wrapAttributes": "auto"

使用"auto"表示：

当行长度超过时才换行属性。

行长度由不同的设置定义，默认为120：

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

因此将 "html.format.wrapLineLength" 设为 0 将会给您想要的行为。

5
这并没有回答问题，因为它禁用的是整个换行而不是属性的堆叠。 - DogBot
7
这对我有用。 在您的“Settings.json”文件中添加以下行：
"prettier.printWidth": 300
是的，这就是我正在寻找的答案。谢谢。 - LacOniC
1
这是我所做的，给了我一个不错的中间状态的包装。
  • 打开命令面板（Ctrl + Shift + P）
  • 搜索 用户设置 json
  • 点击 首选项：用户设置（JSON）
  • 在 settings.json 文件的末尾添加以下内容：
"prettier.printWidth": 120,
"prettier.singleAttributePerLine": false,
0

如何调试此问题：

open settings

点击HTML

html settings

注意force选项，但也要看一下Wrap Line Length。

测试以实现所需的结果，但是...

首先测试HTML格式

  • 打开文档进行编辑，右键格式化。

format with

选择HTML格式化程序。

pick html formatter

现在回去测试你的其他格式化工具，比如Prettier和TidyHTML等。

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

0
只需将所有具有“Wrap Line Length”设置的扩展设置为“9999”，并将“Wrap Attributes”设置为“Auto”。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接