【组件模块化3】配置ESLint

为什么要配置ESLint

有的时候项目不是一个人写的，或许是几个人写的，有些人可能适应2个空格，有的适应4个空格，不统一风格会导致上传到git的时候，也许提示文件不一致。
所以配置ESLint很重要。

配置ESLint

配置步骤图

配置文件有以下几种，不需要全部写，只要写其中一个就行了，比如就用.eslintrc.js来做配置文件。
如果项目内有大于一个这种配置文件，比如说项目中既有.eslintrc.js，也有.eslintrc ，哪个配置文件有效呢？还是都有效呢？

每个目录下只有一个配置文件会被识别

存在多个配置文件时，有 优先级的问题，优先级顺序如图，从上到下，优先级由高变低，也就是.eslintrc.js的优先级最高。

配置要点可以去官网看
http://eslint.cn/docs/rules/

在package.json里配置eslint如下：

package.json

vue的eslint配置可以eslint-plugin-vue。是vue官方推荐的eslint配置，github上可查
这是官方demo：
https://mysticatea.github.io/vue-eslint-demo/

记得注意版本号

版本号

拿到上述配置文件

在刚刚那个demo上，找到https://github.com/mysticatea/vue-eslint-demo，去拿它的配置文件就行了，比如说.eslintrc.json这个文件里的东西，然后复制粘贴到package.json里。（不是说所有的都复制粘贴到package.json里，这里指的是从.eslintrc.json里拿的）

【PS：网上的东西太多了，这里一点那里一点的，所以看官方推荐的才是最直接最省事的】
除了配置文件之后，还有一些东西要安装，如上图对应的版本限制。

安装对应版本

VScode记得在设置里关联eslint。

有些配置如果在官方规则中不再存在，记得移除掉。