Eslint 和 格式化工具prettier冲突问题

Eslint

概念：插件，写代码过程中约定的一种规则，可以帮助你查找代码中的错误，还有自动修复的功能。

中文网：ESLint 中文网

具体配置不在本文

Preitter

概念：代码格式化工具，Prettier 中文网 · Prettier 是一个“有态度”的代码格式化工具

常见问题：eslint检查的错误与prettier发生冲突

冲突1：eslint检查注释符合后加空格，而prettier格式化文档时不加空格

//禁止空格报错检查
     'generator-star-spacing': 'off',
     'no-irregular-whitespace': 'off',
// 上述代码运行无效

上述方法我加了后无效

在eslintrc.js文件的rules添加语句（成功）

  rules: {
    'spaced-comment': 'off', // 关闭 强制在注释中 // 或 /* 使用一致的空格
    'no-multi-spaces': 'off' // 关闭 禁止使用多个空格
  }

更多规则添加见：eslint规则

冲突2：eslint检查函数名后与括号之间不加空格为错误，prettier格式化取消空格

解决方法：

在eslintrc.js文件中的rules添加一条语句：（关闭eslint报错）

  rules: {
    // 表示取消eslint中函数前不加空格报错
    'space-before-function-paren': 'off'
  }

冲突3：解决eslint提示只能缩进2空格

在.eslintrc.js的rules中添加下面这一行代码

"editor.detectIndentation": false

取消当前页面的eslint检查

/* eslint-disable */

修改.eslintrc.js文件后需要重启项目

参考文章：

vue关于eslint空格缩进等的报错问题及解决