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

Question

I've searched a lot about it and tried so much solutions,

I'm using Angular when formatting html with prettier it's quite ugly because it wraps every single attribute to a new line eg:

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

• Print Width is 250 everywhere

• added .prettierrc.json file with {"printWidth": 100}
• Single Attribute Per Line isn't checked

Important thing to note is that prettier is applying printWidth 80 something like built-in because I'm sure that it's not set in any settings by user, I have some attributes that are two per line when they quite little in space eg:

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

Answer 1

You should also check for.editorconfig file - if it is present prettier will use it's values.