vue cli3 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表示開啓強制使用單引號
  // semi: false // 結尾是否使用分號
};

需要注意的是，關於eslint的配置改動之後，都需要重新啓動，不然配置不生效
重新啓動之後，prettier編譯通過了

如果不想某個文件進行eslint檢測

如果本篇文章對你有幫助的話，很高興能夠幫助上你。

當然，如果你覺得文章有什麼讓你覺得不合理、或者有更簡單的實現方法又或者有理解不來的地方，希望你在看到之後能夠在評論裏指出來，我會在看到之後儘快的回覆你。