Question

在我们的团队中，有些人使用Webstorm，而其他人则使用Visual Studio Code。当用户将属性放在新行上时，Webstorm会垂直对齐属性。它将与行中的最后一个属性对齐。 Visual Studio Code有一个设置，您可以在其中包装格式的属性，但它包装所有属性。

如果两个编辑器都处理相同的格式，那将是很好的。

我在Visual Studio代码中尝试了几种扩展（更漂亮，美化，对齐，代码对齐，更好的对齐），但没有一种做我想要它做的事情。有没有人知道我可能错过的任何设置或扩展，我想要的是什么？或者在Visual Studio代码中根本不可能？

用户设置

"html.format.wrapAttributes": "force-aligned",

结果（VS代码如何对齐属性）

<input type="text"
       name="input_name"
       placeholder="What's your name">

期望的结果（Webstorm如何对齐属性）

<input type="text" name="input_name"
                   placeholder="What's your name">

Answer 1

尝试这些选项

//包装属性。 //-自动：仅在超过行长时才包装属性。 //-强制：包装除第一个属性外的每个属性。 //-强制对齐：除第一个属性外，包装每个属性并保持对齐。 //-force-expand-multiline：包装每个属性。 // -aligned-multiple：当超过行长时自动换行，垂直对齐属性。

Answer 2

将此添加到settings.json

"html.format.wrapAttributes": "auto",

在Visual Studio代码中进行格式化时，在用户设置的新行上包装HTML属性

2 个答案: