VSCode中如何配置Prettier：JS/JSON用单引号，CSS/SCSS用双引号？

数据老陈

2026-5-12

针对不同文件类型配置Prettier单双引号规则

这个问题很好解决，Prettier本身就支持针对不同文件类型单独配置规则，用它的overrides选项就能实现你的需求。下面分两种场景给你说明具体操作：

一、VSCode全局设置（仅针对你的本地环境）

打开VSCode的设置界面：按下Ctrl+,（Windows/Linux）或者Cmd+,（Mac），然后点击右上角的{}图标切换到JSON编辑模式。
在配置文件中添加以下内容：

{
  // 全局默认规则：给CSS/SCSS文件保留双引号
  "prettier.singleQuote": false,
  // 针对JS和JSON文件单独启用单引号
  "prettier.overrides": [
    {
      "files": ["*.js", "*.json"],
      "options": {
        "singleQuote": true
      }
    }
  ]
}

二、项目级配置（推荐，适合团队协作）

如果你的项目根目录有.prettierrc（或.prettierrc.json）配置文件，直接在里面添加overrides规则即可。这样整个项目的成员都会遵循同一格式化标准，避免本地设置差异导致的代码格式冲突：

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