VSCode 设置代码格式化时的默认引号类型

问题由来

通过 Vue 脚手架工具 vue cli 新建一个项目时，语法检查工具手动选择了 prettier。随后在 VSCode 打开 App.vue 文件时发现有一处语法报错的提示：

就是说，prettier 默认使用 双引号 来引用字符串，而本地编辑器默认使用单引号，因此快捷键 Alt + Shift + F 无法自动修复该问题。

解决办法

要解除语法报错，有两种解决方法：

• 禁用 prettier；
• 修改 VSCode 格式化代码的默认风格。

先来看第一种：禁用 prettier。找到语法检查配置文件 .eslintrc.js，在 rules 键内新增一个配置 "prettier/prettier": "off" ：

  rules: {
    "prettier/prettier": "off",
  },

再来看第二种：修改 VSCode 格式化代码的默认风格。

1. 进入 VSCode 设置页，搜索关键字 prettier；

   

2. 单击 User 标签下的 Prettier 列表项，在右侧的正文页下翻至快到末尾出，找到设置项 Prettier: Single Quote 字样，取消下方的勾选项 If true, will use single instead of double quotes：

   

这样，再次使用快捷键 Alt + Shift + F 进行格式化时，VSCode 将默认用双引号进行格式化，反之亦然。

注意事项

1. 第一种方案适合对语法检查工具不熟的情况，代价是项目代码风格不一致；
2. 第二种方案，之所以在 User 标签内设置引号类型，是为了从 当前登录用户 层面对代码格式化进行统一，避免在特定的工作区设置不同的引号类型而产生的配置相互重叠覆盖的问题。