在Visual Studio Code中格式化html代码,使属性在不同的行上？

Question

似乎缺少vscode的格式设置.我希望能够格式化html,以便我的html显示为:

<div attrib1=value1
     attrib2=value2
     attrib3=value3>
  Content
</div>

这是我真正喜欢的一项功能!

Answer 1

VSCode现在添加了一种方法.您可以编辑设置,然后添加以下内容以获得所需效果:

"html.format.wrapAttributes":"强制对齐"

- 要么 -

"html.format.wrapAttributes":"强制"

force-aligned还将添加缩进以使其与打开标记的行上的属性对齐.

访问此链接以获取更多详细信息或更新.

Answer 2

我的扩展 html 受到“Prettier：打印宽度”设置的限制，我想我应该将随机值设置为 0，但随后所有标签都开始破坏属性。于是他投入了10,000。这解决了我的问题。