VSCode Prettier необычным образом форматирует HTML (символ "больше" в следующей строке)

С сегодняшнего дня VSCode с установленным Prettier Extension форматирует мой HTML очень странным образом. Например:

<button
  class="btn btn-secondary mr-2"
  (click)="updateEditState(EditState.preview)"
  *ngIf="!(preview | async)"
>
  <ng-container i18n="AppPreviewEditButton|Enables the Preview mode of the page@@AppPreviewButton"
    >Preview</ng-container
  >
</button>
<button class="btn btn-secondary mr-2" (click)="updateEditState(EditState.edit)" *ngIf="!(edit | async)">
  <ng-container i18n="AppPreviewEditButton|Enables the Edit mode of the page@@AppEditButton"
    >Edit</ng-container
  >
</button>

Обратите внимание на > на новых строках. Кто-то другой испытал то же самое и нашел решение?


visual-studio-code prettier
person Daniel Habenicht    schedule 08.11.2018    source источник
comment
Может быть, это параметр JSX Brackets?   -  person Andrew Morton    schedule 08.11.2018
comment
Похоже, это вариант для него, но его включение не меняет формат. Тогда это может быть ошибкой.   -  person Daniel Habenicht    schedule 08.11.2018
comment
Здесь обнаружена проблема: github.com/prettier/prettier-vscode/issues/623   -  person Daniel Habenicht    schedule 08.11.2018

Ответы (1)


arrow_upward
2
arrow_downward

Вы должны установить "htmlWhitespaceSensitivity": "ignore" в файле .prettierrc вашего проекта.

https://prettier.io/docs/en/options.html#html-whitespace-sensitivity

person Gábor Pankotay    schedule 24.09.2020