Prettier VSCode - 如何忽略 css 中單個聲明的格式化代碼，在全局語句中設置而不是通過簡單注釋

Question

單個聲明的正確格式以及我希望發生的情況

    .lbl-vlt {background-color: var(--violet);}
    .lbl-emrld {background-color: var(--emerald);}
    .lbl-orng {background-color: var(--orange);}
    .lbl-pnk {background-color: var(--pink);}
    .lbl-grn {background-color: var(--green);}

單個聲明的更漂亮格式不太好

    .lbl-vlt {
      background-color: var(--violet);
    }
    .lbl-emrld {
      background-color: var(--emerald);
    }
    .lbl-orng {
      background-color: var(--orange);
    }
   .lbl-pnk {
     background-color: var(--pink);
   }

Answer 1

對於 CSS，您可以在 CSS 文件中使用 /* prettier-ignore */ 標記，就在您希望 Prettier 忽略的定義之上。

/* prettier-ignore */
.lbl-vlt {background-color: var(--violet);}
.lbl-emrld {background-color: var(--emerald);}
.lbl-orng {background-color: var(--orange);}
.lbl-pnk {background-color: var(--pink);}
.lbl-grn {background-color: var(--green);}

或者，您可以將.prettierignore文件添加到您的項目根文件夾（這是我在我的 VS 代碼中的文件）。