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

vue create hello-world

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

es服务端如何关闭 eset如何关闭_Babel

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

es服务端如何关闭 eset如何关闭_es服务端如何关闭_02

不论你想要规范你的代码格式主动选择了eslint还是图方便选择了默认选项,只要你进入下一步并安装完了vue cli ,你的麻烦也就随之来了。。。

当你的代码格式稍有不规范,你的网页上就会显示如下信息:

es服务端如何关闭 eset如何关闭_javascript_03

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

关闭eslint
原理:eslint 可以通过文件vue.config.js 控制

vue.config.js

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

注意:这个文件可能需要自己创建

es服务端如何关闭 eset如何关闭_es服务端如何关闭_04

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

// 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的校验,养成一个好的编码习惯。