JavaScript和JSON更漂亮的单引号，HTML，Sass和CSS更漂亮的单引号

Question

在VSCode中，每当我保存文件时，Prettier都会将所有单引号更改为双引号。 我想保留SCSS和CSS文件的这种行为，但想更改JavaScript和JSON文件的行为。

我知道设置“ prettier.singleQuote”：正确，但是这会将所有文件类型中的双引号更改为单引号。

如何仅激活JavaScript和JSON文件的单引号，并保留SCSS和CSS文件的双引号？

Answer 1

在项目文件夹中使用一个Prettier配置文件：.prettierrc

在配置文件中使用更漂亮的替代：https://prettier.io/docs/en/configuration.html#configuration-overrides

因此，在您的情况下，此示例配置应可用（.prettierrc）：

{
    "singleQuote": true,
    "overrides": [
        {
            "files": ["**/*.css", "**/*.scss", "**/*.html"],
            "options": {
                "singleQuote": false
            }
        }
    ]
}

Answer 2

例如，您可以使用替代

    {
  "rules": {
    "quotes": ["error", "double"]
  },

  "overrides": [
    {
      "files": ["bin/*.js", "lib/*.js"],
      "excludedFiles": "*.test.js",
      "rules": {
        "quotes": ["error", "single"]
      }
    }
  ]
}

Answer 3

Prettier可以支持.prettierignore文件

https://prettier.io/docs/en/ignore.html

它使用git语法，因此我想您只需要忽略CSS和SCSS文件即可。

因此，您创建该文件并包含 * .css * .scss

那应该做到的。