首页 > 解决方案 > 更漂亮 - 如何删除将所有内容放在新行上的规则?

问题描述

我正在运行 Angular 12 + Prettier + ESLint。Prettier 有点把所有东西都放在一个新的线上,我不喜欢这个规则。我怎样才能删除它?

例如:

<a
    (click)="itemClick($event)"
    (mouseenter)="onMouseEnter()"
    *ngIf="item.routerLink && !item.items"
    pRipple
    [ngClass]="item.class"
    [routerLink]="item.routerLink"
    routerLinkActive="active-menuitem-routerlink"
    [routerLinkActiveOptions]="{ exact: true }"
    [attr.target]="item.target"
    [attr.tabindex]="0"
    >

预期的:

<a (click)="itemClick($event)" (mouseenter)="onMouseEnter()" *ngIf="item.routerLink && !item.items"
...

.prettierrc

{
  "printWidth": 100,
  "singleQuote": true,
  "useTabs": false,
  "tabWidth": 2,
  "semi": true,
  "trailingComma": "none"
}

标签: prettierangular12

解决方案


推荐阅读