vue cli 配置 eslint 和 perttier 引号规则冲突问题

问题：eslint配置了强制使用单引号，而prettier默认是双引号，导致编译不通过

.eslint.js 文件开启强制单引号

 rules: {
    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
    "quotes": [2, 'single'] // 开启强制单引号
  },

启动项目，改为单引号之后，eslint编译通过，prettier不通过，prettier提示改为双引号，改为双引号之后，eslint编译不通过

解决方法

在根目录新建 .prettierrc.js 文件

添加 singleQuote 配置项开启prettier强制单引号

module.exports = {
  singleQuote: true, // true表示开启强制使用单引号
};

需要注意的是，关于eslint的配置改动之后，都需要重新启动，不然配置不生效
重新启动之后，prettier编译通过了

如果不想某个文件进行eslint检测

如果本篇文章对你有帮助的话，很高兴能够帮助上你。

当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。