如何在VS Code的Prettier代码格式化工具中配置使用单引号

你可以根据自己的使用场景选择以下任意一种配置方式：

全局生效配置（所有项目通用） #

方式1：可视化设置页操作 #

• 打开VS Code设置面板：快捷键Ctrl+,（Windows/Linux）或Cmd+,（Mac）
• 在顶部搜索框输入 Prettier: Single Quote 找到对应配置项
• 勾选该配置项前的复选框即可生效，后续所有项目调用Prettier格式化时都会优先使用单引号

方式2：直接修改JSON配置文件 #

• 按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）唤起命令面板
• 输入Open Settings (JSON)，选中对应选项打开JSON格式的全局设置文件
• 在配置对象中新增一行："prettier.singleQuote": true
• 保存文件后配置立即生效

项目级配置（仅当前项目生效） #

适合多项目存在不同代码规范的场景，配置不会影响其他项目：

• 在项目根目录新建名为.prettierrc的配置文件
• 在文件中写入以下内容：

{
  "singleQuote": true
}

• 保存文件后，Prettier会优先读取当前项目的配置规则执行格式化

如果你需要同时将JSX语法中的引号也调整为单引号，可额外添加配置项 "jsxSingleQuote": true 到对应配置文件中即可。

内容的提问来源于stack exchange，提问作者George Njue