如何在 VSCode 设置中设置 Prettier 以按文件类型有条件地应用单引号？

Question

我正在尝试在 VSCode 设置中设置 Prettier，以便对于除 JS 之外的所有文件类型，它将默认为双引号。

我已禁用 ESLint 以确保这不是问题。我还检查了有关 JSON 中配置覆盖的 Prettier 文档。但我的设置似乎不起作用。

  "prettier": {
    "singleQuote": false,
    "overrides": [
      {
        "files": "*.js",
        "options": {
          "singleQuote": true
        }
      }
    ]
  }

当我保存 CSS 文件时，我希望看到双引号，而且确实如此。当我保存 JS 文件时，我希望看到单引号（当字符串中没有使用撇号时），但它在所有字符串上设置双引号。

Answer 1

要对 JavaScript 使用单引号，对 CSS、SCSS 和 HTML 使用双引号，请在项目根目录中添加包含.prettierrc以下 JSON 的文件：

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

（额外信息：**是一个全局字符，代表当前文件夹中任意数量的子文件夹。）