Vue项目中的ESlint配置

一、eslint安装

1.全局安装

npm i -g eslint

全局安装的好处是，在任何项目我们都可以使用eslint的全局命令进行代码规则操作，但是这对我们的意义并不大。全局安装后，根据相关的eslint插件也必须全局安装，这对多人开发项目来说会比项目安装更加繁琐。所以我们采用在项目上安装eslint。

2.项目安装

npm i -D eslint

3.编辑器安装

二、eslint定义规则

1.创建 .eslint.js 文件

可以使用 ./node_modules/.bin/eslint --init创建文件

.eslintrc.* 文件支持 .js.yaml .yal .json 等格式的配置文件，这里使用.js文件

在 package.json 里创建一个 eslintConfig属性，在那里，同样可以定义你的配置

如果 .eslintrc.js 和 package.json里的 eslintConfig 同时存在，则只读取 .eslintrc.js文件

2.eslint选项说明

"root": true

默认情况下，Eslint会在所有父级目录里寻找配置文件，一直到根目录。如果发现配置文件中有 "root": true，它就会停止在父级目录中寻找。

parserOptions: {
  parser: 'babel-eslint', //解析器，默认使用Espree
  ecmaVersion: 6, //支持es6语法，但并不意味着同时支持新的ES6全局变量或类型（比如 Set等类型）
  sourceType: 'module',  //指定来源的类型，"script(默认)"或"module"(如果你的代码是ECMAScript模块)
  //使用的额外的语言特性