VSCode Prettier 以一种奇怪的方式格式化 HTML（下一行大于符号）答案

【问题标题】：VSCode Prettier formats HTML in an odd way (greater-than-symbol on next line)VSCode Prettier 以一种奇怪的方式格式化 HTML（下一行大于符号）
【发布时间】：2019-04-12 01:19:00
【问题描述】：

从今天开始，安装了 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>

注意新行上的>。其他人有同样的经历并有解决方案吗？

【问题讨论】：

会不会是JSX Brackets option？
似乎这是它的选项，但启用它不会改变格式。那么可能是一个错误。
在这里打开了一个问题：github.com/prettier/prettier-vscode/issues/623

标签： visual-studio-code prettier

【解决方案1】：

您应该在项目的 .prettierrc 文件中设置 "htmlWhitespaceSensitivity": "ignore"。

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

【讨论】：

【解决方案2】：

由于问题最终得到解决：您现在可以在更漂亮的设置中使用bracketSameLine: true 来控制行为。

【讨论】：

为我工作..