VS Code更新设置后格式化JS文件仍无法将单引号转双引号如何解决
JS文件格式化自动将单引号替换为双引号配置方法
你改了全局quotes相关设置不生效,核心原因是VS Code 全局引号设置仅对内置JS格式化器生效,如果你给JS绑定了Prettier、ESLint这类第三方格式化工具,这些工具不会读取全局设置,需要单独对应配置:
分场景配置步骤
场景1:默认格式化器为Prettier(绝大多数人遇到的情况)
- 打开VS Code设置页,搜索
Prettier: Single Quote,取消该项勾选(对应配置值为false) - 检查项目根目录是否存在
.prettierrc、.prettierrc.js、prettier.config.js这类Prettier本地配置文件,若存在需在配置中添加规则:
{ "singleQuote": false }
注意:项目本地Prettier配置优先级高于VS Code全局设置,如果本地配置写了
"singleQuote": true,改全局设置不会有任何效果。
- 如果项目根目录有
.editorconfig文件,检查是否存在quote_type = single配置,存在则改为quote_type = double
场景2:默认格式化器为ESLint
- 打开项目根目录的ESLint配置文件(
.eslintrc、.eslintrc.js等),添加/修改引号规则:
module.exports = { rules: { quotes: ["error", "double"], // 若项目做了ESLint和Prettier联动,需同步修改Prettier对应规则 "prettier/prettier": ["error", { singleQuote: false }] } }
场景3:使用VS Code内置JS格式化器
- 打开设置页搜索
JavaScript > Format: Quotes,选项值选择double - 在JS文件编辑区右键,选择「使用...格式化文档」,确认当前默认格式化器选中的是「TypeScript 和 JavaScript 语言功能」,如果选中了第三方格式化工具,内置规则不会生效
生效验证
配置完成后,按快捷键Ctrl+Shift+P(macOS系统为Cmd+Shift+P)调出命令面板,执行Developer: Reload Window重载窗口,再次格式化JS文件即可自动将单引号替换为双引号。
内容的提问来源于stack exchange,提问作者manymanymore
相关产品推荐
相关产品推荐

