Question

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

（我希望这里的三行而不是七行，每个元素一行）

我正在使用更漂亮的格式，并设置了printWidth选项，该选项可在javascript代码中使用，但对于HTML，似乎被VS Code覆盖了。

我尝试摆弄wrapAttributes和html.format.wrapLineLength设置，但似乎没有任何作用。

该如何处理？

Answer 1

这对我有用...

在您的“ Settings.json” 文件中添加该行

"prettier.printWidth": 300

Answer 2

我不确定这是否只是内置的HTML格式设置，但是您可以尝试一下。

如果您不想启用HTML换行：

"html.format.wrapAttributes": "auto",  # wrap only when line length is exceeded
"html.format.wrapLineLength": 0,       # disable max chars per line

如果您还有其他HTML格式化程序扩展名，则可以直接禁用内置功能：

"html.format.enable": false,

如果您的HTML仍在禁用*.wrap或html.format.enable为false的情况下破裂，则不是由内置的VS代码设置引起的。

Answer 3

检查您的扩展名，因为我认为VS代码编辑器默认没有自动中断功能。也许您安装了具有自动换行符的扩展程序。希望有帮助

Answer 4

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

Answer 5

Settings -> Extensions -> HTML:
Format: Wrap Line Length
Maximum amount of characters per line (0 = disable).
0

对我有用。

Answer 6

这个问题使我发疯，因为我讨厌我的代码包装后，我觉得它很难阅读。我读了很多东西，无法让我的代码停止包装。因此，如果您尝试了已经提到的所有内容，并且代码仍然包装，那么您将拥有一个导致其包装的扩展名。因此，转到“文件”>“首选项”>“设置”

然后单击您的扩展名，并仔细检查它们，找出导致它们打包的扩展名。以我为例，我使用Prettier使用Vetur（Vue扩展），这导致我的代码包装。

您还可以做的是，现在我要做的是安装Prettier并将其上的Print Width设置为屏幕的宽度，以便更长的时间都不会损坏，但在大多数情况下，它将使您的工作保持在同一行。

Answer 7

您应检查Visual Studio代码的扩展名，并禁用“ JS-CSS-HTML格式化程序”或任何其他令人烦恼的格式化程序

Answer 8

这一行可以改变它对我有用.. "vetur.format.defaultFormatter.html": "none",

Answer 9

这就是我所做的。我在项目文件夹中创建了 var ListfulClient = client; 文件。然后添加以下设置。

.prettierrc.json

{ "html.format.wrapAttributes": "auto", "html.format.wrapLineLength": 0, "printWidth": 1000 } 设置在这里很重要。根据您的喜好增加/减少它，因为您无法完全禁用它。

Answer 10

在拆分到新线路上的内容方面，我的情况略有不同。当使用大块 HTML 格式化文档时，它会将长文本段落包装成多行并自动添加空格/制表符缩进。

我在 settings.json 中添加了以下内容：

"html.format.unformattedContentDelimiter": "p, li",

这将 <p> 和 <li> 标签内的所有文本保持在一行上，而不会引入空白字符。然后，您可以使用带有 alt + z 的 VSCode 原生文本换行来视觉上换行文本，而不会引入空格字符。