VS 代码中更漂亮，将属性拆分为多行（打印宽度不适用于 html）Angular

Question

我已经搜索了很多相关内容并尝试了很多解决方案，

我在用 prettier 格式化 html 时使用 Angular，它非常丑陋，因为它将每个属性包装到一个新行，例如：

   <button
      pButton
      class="btn"
      type="button"
      label="Add Item(s)"
      (click)="handleClick()"
    ></button>

• 打印宽度到处都是250

• 添加了

  .prettierrc.json

  文件

  {"printWidth": 100}

• 未检查每行单个属性

需要注意的重要一点是，prettier 正在应用 printWidth 80 之类的内置内容，因为我确信用户没有在任何设置中设置它，我有一些属性，当它们在空间中很小时，每行两个，例如：

 <div class="p-col-2" style="float: left">
     {{ "modules.user.orderdisplay.quantity" | translate }}
 </div>

Answer 1

您还应该检查 .editorconfig 文件 - 如果存在，prettier 将使用它的值。

Answer 2

在settings.json中放入

“prettier.useEditorConfig”：false