vue中如何关闭eslint

方案一: vue脚手架创建工程的时候，不要选择Linter / Formatter选项，（那如何选择启用，请参照方案二）

方案二：如果已经选择了eslint ，我们可以通过删包的方法来使他失效。 在packge.json中，将devDependencies下的关于eslint的依赖包给删除掉。然后退出服务为，重新npm i ，在重启服务即可。再次基础上，如果又想使用eslint了。 就需要在重新将这几个包手动安装。

方案三：通过vue.config.js文件 来配置eslint文件。

在vue.config.js 官网有一条就是关于配置eslint的。

lintOnSave

Type: boolean | 'warning' | 'default' | 'error'

Default: 'default'

是否在开发环境下通过 eslint-loader 在每次保存时 lint 代码。这个值会在 @vue/cli-plugin-eslint 被安装之后生效。

如果想关闭eslint

// vue.config.js
module.exports = {
    lintOnSave: false
}

设置为 true 或 'warning' 时，eslint-loader 会将 lint 错误输出为编译警告。默认情况下，警告仅仅会被输出到命令行，且不会使得编译失败。

如果你希望让 lint 错误在开发时直接显示在浏览器中，你可以使用 lintOnSave: 'default'。这会强制 eslint-loader 将 lint 错误输出为编译错误，同时也意味着 lint 错误将会导致编译失败。

或者，你也可以通过设置让浏览器 overlay 同时显示警告和错误：

// vue.config.js
module.exports = {
  devServer: {
    overlay: {
      warnings: true,
      errors: true
    }
  }
}

当 lintOnSave 是一个 truthy 的值时，eslint-loader 在开发和生产构建下都会被启用。如果你想要在生产构建时禁用 eslint-loader，你可以用如下配置：

// vue.config.js
module.exports = {
  lintOnSave: process.env.NODE_ENV !== 'production'
}

方案四：通过eslintrc.js控制，后续补充

其实这个并不能关闭检测，只不过是让你的eslint检测更人性化一点，以什么样的规则去检测您的代码，每个项目配置不尽相同，选择适合自己的即可，可以参照官网的配置。

Introduction | eslint-plugin-vue (vuejs.org)