为 Tailwind 禁用 prettier 类

Question

我真的很想使用 Prettier，但我得到了很多额外的代码行，因为我还使用 Tailwind 和 Prettier 格式，每隔 class 换行。

Can I disable this?

Answer 1

是的，根据更漂亮的文档，在 html 文件中您可以忽略整个元素、所有属性或特定属性（这似乎是您想要的）

<!-- prettier-ignore -->
<div         class="x"       >hello world</div            >

<!-- prettier-ignore-attribute -->
<div
  (mousedown)="       onStart    (    )         "
  (mouseup)="         onEnd      (    )         "
></div>

<!-- prettier-ignore-attribute (mouseup) -->
<div
  (mousedown)="onStart()"
  (mouseup)="         onEnd      (    )         "
></div>

查看有关使用 prettier 忽略部分代码的文档，因为忽略的方式和范围可能因文件类型而异。

Prettier Ignoring code documentation

为 Tailwind 禁用 prettier 类

Disable prettier for Tailwind classes

prettier