防止Visual Studio Code编辑HTML标记属性时换行

Question

我在VS Code中编辑HTML时遇到一个烦人的问题。如果我有一个元素，请说一个按钮：

<button class="btn btn-success" id="myBtn" style="width: 50%"></button>

[当我在带有标记的代码行中击中一定数量的字符并开始在该行中键入更多字符时，例如

<button class="btn btn-success" id="myBtn" style="width: 50%">Click here</button>

VS Code将自动分隔行并将标签跨两行展开，如下所示：

<button class="btn btn-success" id="myBtn" 
style="width: 50%">Click here</button>

我希望在可能的情况下将代码文件保持简短，并且由于上面原始行上有足够的空间，因此发生这种情况可能会很烦人。我尝试禁用设置中的自动换行，将HTML的自动换行长度设置为0等，但是该行为仍然存在。如何完全禁止这种情况自动发生？

Answer 1

已解决。这是由于我的扩展。更漂亮和更诱人（我只想发表评论）是这里的罪魁祸首。不再发生自动重新包装。

Answer 2

您可以为此使用编辑器设置：

只需转到文件>首选项>设置（或按Ctrl +），然后将以下几行添加到您的JSON设置中（我正在使用80，这是处理两个文件的合适阈值）

"editor.wordWrap": "wordWrapColumn",
"html.format.wrapAttributes": "auto",
"html.format.wrapLineLength": 0,