使用 Beauty 扩展进行格式化时如何避免丢失 CSS 分组选择器格式

Question

我有 CSS 组选择器：

h1, h2, p {
  text-align: center;
  color: red;
}

当我使用 Beauty（或 Prettier）格式化代码时，我丢失了格式：

h1,
h2,
p{
    text-align: left;
    color: #f40823;
}

我应该如何配置 Prettier 或 Beauty 扩展？

Answer 1

不幸的是，“Prettier”没有提供具体的方法来实现这一点，但你可以通过一些方法来实现这一点。第一种方法是禁用 CSS 文件扩展名的“Prettier”扩展名，但我认为没有人会想要这样做。第二种方法是使用所需 CSS 代码块上方行的

/* prettier-ignore  */

。这只会禁用该特定行下方 CSS 块的“Prettier”扩展。保存 CSS 文件后，该文件不会被格式化，因为它不应该被格式化。

/* prettier-ignore  */
h1, h2, p {
    text-align: center;
    color: red;
}