在 Visual Studio Code 中格式化组件属性的下一行

Question

有什么方法可以设置 VS 代码格式化程序来格式化 Angular 2+ 模板中的组件，以将属性包装在新行中。我希望它是这种格式：

  <app 
    [input1]="input1$ | async" 
    [input2]="input2$ | async" 
    (inputChanged)="setInput(input)">
  </app>

如果我们启用自动格式化并让它们以这种方式格式化，那就太好了。 React 有类似的东西用于将 JSX 属性包装在下一行并对齐它们。

Answer 1

在 vscode(1.27.2) 中，按ctrl+shift+p 并键入打开用户设置然后转到用户设置文件并添加"html.format.wrapAttributes": "force-aligned" 命令。