vue如何关闭eslint检测(多种方法)

发布时间:2022-04-16 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了vue如何关闭eslint检测(多种方法)脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

一、问题描述

我们在开发vue项目的时候,创建的时候可能会不小心选择了eslint,这个检测规则对于新手来说,简直就是噩梦,会让你崩溃。所以如果不想让eslint检测,我们该怎么办呢?我总结了一些方法,针对不同的版本。

二、问题解决

 1、首先是比较旧的vue项目

比较旧一点的项目可能会有webpack.base.conf.js这样一个文件。有这个文件的话,就直接修改这个文件就可以解决

在这里插入图片描述

上图红框框部分,我项目中的文件内容是这样的,其他项目可能有别的一些内容,我们把框框中的内容注释掉或者去掉就可以了

在这里插入图片描述

2、创建项目的时候,不要选eslint

在这里插入图片描述

3、如果你使用的编辑软件是webstorm

在这里插入图片描述

4、创建的项目没有webpack.base.conf.js文件,但是有 .eslintrc.js

在这里插入图片描述

@vue/standard

这个注释掉就可以了

5、比较新的vue项目,目录没有(直接)webpack.base.conf.js文件,但node_module中可能有。并且也没有.eslintrc.js文件

这种情况我们项目的目录结构一般都会创建一个vue.config.js文件,我们操作这个文件就可以了

module.exports = {
  lintOnSave: false
},

更改完之后,需要重新启动项目才可以生效
配置成false就可以关闭,其他配置可以看官网的描述

在这里插入图片描述

在这里插入图片描述

6、修改.eslintignore 文件

根目录下有个文件 .eslintignore 文件,把你不需要校验的文件添加进去即可,
比如不想让它校验vue文件,那就加上 .vue ,当然这样做会让所有的vue文件都不进行校验了,同理,.js 就是不校验所有的js文件
这么做的好处是简单明了,好理解,缺点就是有些麻烦

这写方法基本足以解决这个问题了,但是笔者还是建议各位有了一定开发经验的时候,用上这个检测文件,不仅能培养自己良好的编程习惯,而且容易和团队其他人保持一个风格

到此这篇关于vue如何关闭eslint检测(多种方法)的文章就介绍到这了,更多相关vue关闭eslint检测内容请搜索脚本宝典以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本宝典!

脚本宝典总结

以上是脚本宝典为你收集整理的vue如何关闭eslint检测(多种方法)全部内容,希望文章能够帮你解决vue如何关闭eslint检测(多种方法)所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。