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

Question

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

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

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

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

Answer 1

要在JavaScript的根目录中使用JavaScript的单引号，而在CSS，SCSS和HTML中使用双引号，请使用此JSON添加.prettierrc文件：

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