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

时间:2018-09-18 23:10:38

标签: html angular visual-studio-code

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

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

启用自动格式化并以这种方式格式化对我们来说是很好的。 React具有类似的功能,可以将JSX属性包装在下一行并对齐它们。

1 个答案:

答案 0 :(得分:4)

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