Форматировать атрибуты компонента в следующей строке в коде Visual Studio

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 и введите open user settings, затем перейдите в файл настроек пользователя и добавьте "html.format.wrapAttributes": "force-aligned" команда.