如何阻止Visual Studio Code在JavaScript中自动替换双引号为单引号？

可能成因 #

• 其他格式化/代码检查插件在生效：比如ESLint开启了自动修复功能，其中quotes规则被设置为强制单引号；或是Beautify这类第三方格式化插件在后台运行
• VS Code内置JS格式化工具的配置冲突：即使卸载了Prettier，VS Code自带的typescript-and-javascript-language-features扩展有独立的引号规则设置，可能强制切换为单引号
• 配置残留：之前设置的Prettier或其他格式化工具的规则仍保存在全局/工作区的settings.json中，未被清除
• 项目本地配置文件影响：项目根目录下的.eslintrc、.editorconfig等文件定义了强制单引号的规则，部分工具会读取这些配置生效

解决步骤 #

1. 排查并处理其他插件 #

• 打开VS Code扩展面板（快捷键Ctrl+Shift+X），查看是否有ESLint、Beautify、JS-CSS-HTML Formatter等可能影响格式的插件
• 无需保留的插件直接卸载；需要保留的话，进入插件设置调整：
  • ESLint：添加"quotes": ["error", "double"]到自定义规则，或关闭eslint.autoFixOnSave自动修复功能

2. 修改VS Code内置格式化配置 #

• 打开设置界面（快捷键Ctrl+,），搜索javascript.format.quotes，将值设置为"double"
• 若涉及TS文件，同步修改typescript.format.quotes为"double"

3. 清理残留配置 #

• 打开设置界面右上角的「打开设置(JSON)」，进入用户或工作区的settings.json文件，删除所有和Prettier相关的配置项（如prettier.singleQuote、prettier.jsxSingleQuote）
• 检查editor.defaultFormatter配置，可设置为VS Code内置的vscode.typescript-language-features

4. 检查项目本地配置 #

• 查看项目根目录的.editorconfig文件，若有quote_type = single，改为quote_type = double
• 打开.eslintrc或.eslintrc.json，调整quotes规则：

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

• 若项目中有.prettierrc文件，直接删除（已卸载Prettier插件，该文件无作用且可能引发误读）

5. 验证生效 #

• 创建测试p5.js文件，写入let testStr = "p5.js test";，保存后检查双引号是否被保留
• 若仍有问题，重启VS Code确保配置完全生效

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