vscode 缩进和更漂亮

Question

我只有一个问题，目前我正在使用更漂亮的格式，它在保存时格式化，但有些事情我不明白，当我格式化空格或缩进时，它们不相等。 vscode 中有我不知道的设置吗？我们如何或设置什么来使其一致？特别是间距。谢谢你。

例如，当我格式化某些以这种方式格式化的按钮时

#示例1

   <button
    (click)="delete()"
    mat-button
    color="primary"
    [mat-dialog-close]="true"
  >
    Proceed
  </button>

有时当我格式化时它会这样格式化

      <button (click)="add()" mat-flat-button style="color: #007dff">
        Submit
      </button>

#另一个例子是我使用 prettier 对其进行了格式化，正如您所看到的，它看起来很糟糕并且间距太大。

Answer 1

当我开始使用 Prettier 时，我也遇到了困难。您可以执行以下一些简单更改，以确保获得所需的内容：

1. 将 JSX 属性保留在同一行 - 如果您正在寻找一种更简洁的方式（示例的显示方式），将这些属性保留在一行中会使其看起来更干净、更短。为此，您必须从设置中取消选中Prettier：每行单个属性 -

2. 将您的更漂亮的打印宽度更改为 1000 之类的值。

这应该如您所期望的那样工作。