当项目中自动格式化插件Prettier和ESLint冲突报错时如何解决

​

 一、问题

ESLint 要求尾部不能有分； 后面不能有逗号； 字符串不能双引号，必须单引号；

而用Prettier会自动加上这些，解决办法也简单

---

二、解决

项目根目录新增文件 .prettierrc.js

module.exports = {
  semi: false, // 去除分号
  singleQuote: true, // 单引号
  bracketSpacing: true, //空格
  trailingComma: "none", // 去掉逗号
};

此时解决了大部分问题，但还有一个小细节，要求函数名和小括号中间有空格

Prettier没有相关配置只能从ESLint的配置入手

在 .eslintrc.js 文件中 rules中添加一行，就关闭了该错误提示

'space-before-function-paren': 0,

---

完美

 

​