为什么要配置ESLint
有的时候项目不是一个人写的,或许是几个人写的,有些人可能适应2个空格,有的适应4个空格,不统一风格会导致上传到git的时候,也许提示文件不一致。
所以配置ESLint很重要。
配置ESLint
配置文件有以下几种,不需要全部写,只要写其中一个就行了,比如就用.eslintrc.js来做配置文件。
如果项目内有大于一个这种配置文件,比如说项目中既有.eslintrc.js,也有.eslintrc ,哪个配置文件有效呢?还是都有效呢?
每个目录下只有一个配置文件会被识别
存在多个配置文件时,有 优先级的问题,优先级顺序如图,从上到下,优先级由高变低,也就是.eslintrc.js的优先级最高。
配置要点可以去官网看
http://eslint.cn/docs/rules/
在package.json里配置eslint如下:
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。
有些配置如果在官方规则中不再存在,记得移除掉。