如何关闭vue cli中的eslint检查工具

eslint出现的原因

//目前官方vue cli 安装流程中eslint是默认选项
当你运行以下命令来创建一个新项目时

vue create hello-world

你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset ，或者选择 手动选择特性 （Manually select features）

而在“手动选择特性”中，Babel 和 ESLint（linter/formatter）依然是默认选中项。

不论你想要规范你的代码格式主动选择了eslint还是图方便选择了默认选项，只要你进入下一步并安装完了vue cli ，你的麻烦也就随之来了。。。
当你的代码格式稍有不规范，你的网页上就会显示如下信息：

其中包括但不限于 少打了一个空格，用了双引号而不是单引号，多占用了一个空白行。。。如果你不把错误全部修正，页面会一直出现弹出层，没办法再进行项目。
这些规范对于新手来说实在太不友好了，那么我们就需要按需选择规范内容或者直接关闭eslit

关闭eslint

原理：eslint 可以通过文件vue.config.js 控制

vue.config.js

据官方文档介绍，vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。
注意：这个文件可能需要自己创建

这个文件应该导出一个包含了选项的对象：

// vue.config.js
module.exports = {
  // 选项...
}

你可以选择如下配置，其中overlay 是浏览器的遮罩层配置，设置为false ，浏览器不会再显示警告和错误；lintOnSave是eslint检查配置，设置为false，eslint检查被关闭

// vue.config.js
module.exports = {
  devServer: {
    overlay: {
      warnings: false, //不显示警告
      errors: false	//不显示错误
    }
  },
  lintOnSave:false //关闭eslint检查
}

注意：每次更改vue.config.js文件都要重新启动服务器（npm run serve），配置才会生效

tips：

eslint虽然对于新手不友好， 但是eslint可辅助规范代码风格，有效控制代码质量，这也是成为大佬的必经之路，所以在平时开发环境中可以多用用eslint的校验，养成一个好的编码习惯。

逆战2020，武汉加油！中国加油！