vue项目关闭eslint效验

错误场景

一些同学在学习使用脚手架创建vue项目的时候，可能会不自觉的勾选了Eslint效验选项。导致项目在保存运行的时候频繁报错，最常见的错误如下：

F:\workspace\***\src\api\request.js
   2:10  error  'MessageBox' is defined but never used  no-unused-vars

即定义了变量但是未引用。

解决方法

在package.json中配置eslintConfig，其中属性root配置未false即可关闭eslint效验

  "eslintConfig": {
    "root": false,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },

ps: 在学习中我们可以关闭eslint效验，但是在实际项目工作中还是要尽可能的打开效验，以养成我们良好的编码习惯。