webpack安装eslint插件，vscode中也有eslint插件，有啥区别？

Question

其实还有别的，比如prettier, 等等，这么多插件都是用来格式化或者语法/规范检查等。有什么区别吗，如果都安装了，配置之间不会冲突吗？

另外，安装了有的时候有.editrcconfig, .eslintrc, .prettierrc.jd 等文件，有的时候，检查个语法，格式化，为什么有这么多。功能怎么划分的，总感觉他们功能差不多，插件与插件之间不会打架吗？

---

2018/8/9 追问一下
如果项目不强制，但写的时候想规范一下，根据各位的回答，应该是只需要在vscode中安装eslint插件，我依此安装后，却提示

To use ESLint please install eslint by running 'npm install eslint' in the workspace folder admin-manageor globally using 'npm install -g eslint'. You need to reopen the workspace after installing eslint

为什么要安装eslint的npm包，难道vscode插件也会与npm包这个之间有耦合吗？

Answer 1

webpack 里面的是在编译期给你报错用的，报错了会停止编译，直到你修复。vscode中的是提示给你看的，方便你直接看到错误。顺便会帮你修复简单的错误。冲突是会有的，不过都是可配置的，不会配置的话就先去拿一份别人配置好的来用

Answer 2

楼上回答的不准确。准确的说应该是webpack中的eslint是加载器，全名是eslint-loader。是为了处理某些文件的加载器而已,因此它本质是loader。vscode是一个编辑器，vscode中的eslint本质上是一个vscode插件，他会调用eslint，然后将eslint的报错反馈给vscode，仅此而已。webpack和webpack-cli有什么区别？ 你可以对比理解一下