visual-studio-code - VSCode Prettier 以一种奇怪的方式格式化 HTML(下一行大于符号)

Question

从今天起，安装了 Prettier Extension 的 VSCode 以一种非常奇怪的方式格式化了我的 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>

请注意 >在新线路上。有没有其他人经历过同样的事情并有解决方案？

Answer 1

您应该设置 "htmlWhitespaceSensitivity": "ignore"在您项目的 .prettierrc 文件中。
https://prettier.io/docs/en/options.html#html-whitespace-sensitivity