Prettier formatter for vscode 配置单引号问题

1.vscode 配置

想在项目使用 eslint + prettier 进行代码格式化。eslint 使用  .eslintrc.js  进行配置。

prettier 想偷懒不想再创建 .prettierrc.json 就直接在 vscode 的 setting.json 中配置 "prettier.singleQuote": true。然后就出现问题了(eslint 配置单引号)

可以看到，保存的时候，原本好好的单引号先被格式化成双引号，又变成单引号。

在目录下创建 .prettierrc.json 并且把 "prettier.singleQuote": true 移到此处，然后就可以了。

经过反复的测试，发现：

• 先格式化成双引号 应该是 vscode 自带的 format 造成的。
• 再格式化成单引号 就是 eslint.validate 设置的 "autoFix": true 造成的
• 在 vscode 中配置 prettier 参数根本就没用（试了 semi, singleQuote 都没用）

所以还是不能偷懒，乖乖把 prettier 配置放在 .prettierrc.json 中

如果 vscode 新版本中 .prettierrc.json 中不生效的话可以使用 .prettierrc

.prettierrc 格式

semi: false
singleQuote: true