eslint太烦人了！得治！！！

新手对于eslint的代码规范校验，可谓是恨之入骨，有些像缩进、空格、空白行之类的规范，在开发过程中一直报错，有点烦人了。那我们该如何解决呢？

一、vue cli3搭建的项目解决办法

 1、第一种

直接注释掉package.json文件中eslint的配置就可以了

"eslintConfig": {
     "root": true,此项是用来告诉eslint找当前配置文件不能往父级查找
     "env": {
       "node": true//此项指定环境的全局变量，下面的配置指定为node环境
     },
     "extends": [// 此项是用来配置vue.js风格，就是说写代码的时候要规范的写，如果你使用vs-code我觉得应该可以避免出错
       "plugin:vue/essential",
       "@vue/standard"
     ],
     "rules": {//规则配置写在这里
       "indent": [1, 4]
     },
     "parserOptions": {
       "parser": "babel-eslint"//此项是用来指定eslint解析器的，解析器必须符合规则，babel-eslint解析器是对babel解析器的包装使其与ESLint解析
     }
   },

2、第二种
在vue.config.js中将以下三项设置为false

  devServer: {
        overlay: {
            warnings: false,
            errors: false
        },
        lintOnSave: false
    }

二、用vue ui创建的项目怎么关闭eslint校验

 在Vue Cli的控制面板找到配置-ESLint configuration，然后关闭保存时检查就可以了

三、vue create 项目时关闭eslint

修改package.json

 

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

在搭建vue脚手架时提示是否启用eslint检测的。 Use ESLint to lint your code? 写 no;如果项目已经生成，我们可以这样。

在项目中代开 bulid 文件夹下的 webpack.base.config.js 文件。将以下代码删掉或注销：

{
   test: /\.(js|vue)$/,
   loader: 'eslint-loader',
   enforce: 'pre',
   include: [resolve('src'), resolve('test')],
   options: {
     formatter: require('eslint-friendly-formatter')
   }
 },

不行再重新打开