在VSCode中保存我的CSS文件時，我有更好的設(shè)置來格式化。 我在我的一個項目中使用了TailwindCSS，并使用了1.7中的最新版本，更漂亮地格式化了文件，并在單個冒號后添加了一個空格，如下所示:

格式化前

.container {
  @apply flex;
  @apply flex-col;
  @apply lg:flex-row;
}

格式化后

.container {
  @apply flex;
  @apply flex-col;
  @apply lg: flex-row;
}

在lg:和flex-row之間添加一個空格。

有人知道如何解決這個問題嗎？目前我只是忽略CSS文件來規(guī)避這個問題。

解決辦法 Prettier沒有被選為CSS的默認格式化程序，只用于TS和JS。將CSS的默認格式化程序更新為更漂亮解決了這個問題。

在冒號后加額外的空格并不美觀，它& quotes benp . beauty-vs code & quot；。 要解決這個問題，請像這樣更改settings.json文件中的設(shè)置。 "[CSS]& quot；:{ & quoteditor.defaultFormatter & quot:& quotes benp . beauty-vs code & quot；},

在更漂亮的版本2.1.1和更高版本中，它工作得很好。

確保你已經(jīng)設(shè)置了更漂亮的默認格式化程序