vue 如何关闭 eslint 检查

vue 如何关闭 eslint 检查在实际开发过程中,eslint的作用不可估量,诸如:1.审查代码是否符合编码规范和统一的代码风格;2.审查代码是否存在语法错误;But,对于初学者来说,这个功能极其不友好,各种问题层出不穷,让很多初学者头疼不已,我们有没有办法关掉它,等适当时机在启用它呢,答案是肯定的。不同vuecli版本创建工程的时候,稍微有些差别,要仔细甄别,我的vuecliv4.5.9方案一:vue脚手架创建工程的时候,不要选择Linter/Formatter选项,(那如何选择启用,请参照方案二)

大家好,又见面了,我是你们的朋友全栈君。

在实际开发过程中,eslint的作用不可估量,诸如:

1.审查代码是否符合编码规范和统一的代码风格;

2.审查代码是否存在语法错误;

But,对于初学者来说,这个功能极其不友好,各种问题层出不穷,让很多初学者头疼不已,我们有没有办法关掉它,等适当时机在启用它呢,答案是肯定的。

不同vue cli版本创建工程的时候,稍微有些差别,要仔细甄别,我的vue cli v4.5.9

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

vue 如何关闭 eslint 检查

 

方案二:假设我们已经启用了eslint,找到我们工程目录下的package.json,将‘devDependencies’中的依赖删掉(我的是eslint、eslint-plugin-vue、@vue/cli-plugin-eslint这三个),然后执行npm install,然后重启服务,你会发现.eslintrc.js文件的作用已经失效。同样,如果要启用还得安装上这几个依赖包,显然,并不是那么犀利顺畅。

方案三:通过vue.config.js配置lintOnSave

先来看看vue.config.js是个啥,官网给的解释是:

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

vue.config.js官网, 其中一条就关于配置eslint的。

lintOnSave

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

Default: 'default'

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

如果你想关闭eslint,可以将之设置为false,重启服务

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

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

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

设置为 error 将会使得 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控制,后续补充

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/143849.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • 理解目标检测中的mAP与F1 Score

    理解目标检测中的mAP与F1 Score文章目录总述IoUTP、TN、FP、FNPrecisionRecallF1-ScoremAPmAP计算过程:总述要理解mAP与F1Score需要一些前置条件,比如:IoU、FP、TP、FN、TN、AP等IoU衡量监测框和标签框的重合程度。一张图就能解释。TP、TN、FP、FNTP,即TruePositives,表示样本被分为正样本且分配正确。TN,即TrueNegatives,表示样本被分为样本且分配正确。FP,即FalsePositives,表示样本被分为正样本但分配错

    2022年10月14日
  • 简述信道带宽的概念_传输信道带宽是什么意思

    简述信道带宽的概念_传输信道带宽是什么意思在写这篇文章之前我一直对“带宽”这个用语比较迷惑,比如我们通常说“带宽10M的网络”,“网络带宽是10M”等等,很容易跟信道的带宽比如10MHZ、100MHZ相混淆。我查阅了相关的资料,终于在通信和电路上将这两个概念彻底搞清楚了。1、网络带宽我们通常口头上说的网络带宽,用标准的术语来说应该是信道容量,单位为比特每秒(bit/s)。在通信原理中用香农公式计算出…

    2022年10月11日
  • JavaWeb:request.setAttribute()和session.setAttribute()的区别

    JavaWeb:request.setAttribute()和session.setAttribute()的区别在编写javaweb中的servlet层程序时,为了实现前后端的交互,我们通常会使用request.setAttribute()和session.setAttribute()保存一些信息,用于其他页面或者servlet的使用。本文主要介绍两者的区别。

    2022年10月16日
  • hashmap线程安全吗 什么解决方案_redis一致性hash和hash槽

    hashmap线程安全吗 什么解决方案_redis一致性hash和hash槽HashMap为什么是线程不安全的?

    2022年10月25日
  • littlevgl移植_嵌入式ubuntu系统

    littlevgl移植_嵌入式ubuntu系统总述Littlevgl相比较于安卓、QT,占用资源少、使用简单,所以在linux系统下使用Littlevgl优势也比较明显。移植准备工作源码:lvgl:https://github.com/littlevgl/lvgl驱动:lv_drivers:https://github.com/littlevgl/lv_drivers例子:lv_examples:https://github.com/littlevgl/lv_examples下载慢可以将上面链接先导入到码云上再下载。配置工作源码

  • Java设计模式之行为型:状态模式

    Java设计模式之行为型:状态模式

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号