CSS 更漂亮 - 保留空格

Question

当我保存 css 文件时，Prettier 会删除空格，但我想在 css 选择器和修饰符之间保留空格。所以，我想要这个：

.some > span {...

而不是这个：

.some>span {...

如何覆盖 .prettier.js 中的这些设置？

module.exports = {
  "overrides": [
    {
      "files": "*.scss",
      "options": {
          "keepSpaces": true <-- not existing rule :)
      }
    }
  ]
};

Answer 1

在 vscode 上：Ctrl + Shift + P

首选项：打开用户设置 (JSON)

"[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },

保存并尝试