vue cli3关闭烦人的eslint 亲测有效

文章目录

      • 踩坑前言
      • vue cli版本
      • vue cli目录结构
      • vue cli3关闭eslint正确姿势
        • vue cli3删除部分eslint配置
        • vue cli3删除全部eslint配置

踩坑前言

公司最近开启用vue来开发Web页面,对于后端渣渣的我也被分配到来搞vue这一块,我就是一块搬砖的,哪里需要哪里搬。不过开发中遇到vue比较烦人的eslint,有些变量声明了没使用,会强制报错xxx is defined but not is used编译不通过,无法执行npm run serve的命令

vue cli版本

本着虚心求教百度和谷歌,无奈发现都是vue cli2版本去关闭eslint的教程,真的是关闭esLint教程千篇一律,适合自己的教程万里挑一,但是我用的是vue cli3版本的,所以只能自己摸索了,上一个图证明自己是使用vue cli3,不基于版本和目录结构谈教程都是耍流氓

vue cli3关闭烦人的eslint 亲测有效_第1张图片

vue cli目录结构

vue cli3关闭烦人的eslint 亲测有效_第2张图片

vue cli3关闭eslint正确姿势

细心琢磨着网上千篇一律的教程,都是 build.js->webpack.base.conf.js 下删除XXX,这是vue cli2的目录,别问为什么,因为我用过,后来升级到vue cli3而已,可是我没有这个目录怎么办,但我机灵一动,寻思Eslint是插件安装,那么肯定跟package.json有关,那我就看看package.json有没有藏住这个好家伙,有的话我就把它暴力干掉不就完事了

vue cli3关闭烦人的eslint 亲测有效_第3张图片

vue cli3删除部分eslint配置

果然在这个文件中找到7个eslint,那我要立马干掉他们,可是细心一瞅,寻思着是不是把配置项的eslint干掉就可以了,因为后端编程思维,配置大于编码,所有环境启动不起来都是跟80%配置相关,做人要先温柔后暴力

vue cli3关闭烦人的eslint 亲测有效_第4张图片
冲呀,伙计们,上去开炮,果断删除这块的东西,不过删之前记得备份一下这个文件,万一搞不好还可以恢复嘛,

执行结果是报错,还是无法通过编译,应该是和上面的还剩下的4个有感情纠纷或者瓜葛什么的,Emmm,下面就要暴力出奇迹了
vue cli3关闭烦人的eslint 亲测有效_第5张图片

具体报错

You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.

vue cli3删除全部eslint配置

那么这次我就一次性干掉这7个eslint,刚才干掉3个,现在只需要把上面的4个干掉就好,下面就是见证奇迹的时刻到了,终于能成功启动了

vue cli3关闭烦人的eslint 亲测有效_第6张图片

以上就是我本人摸索删除(关闭)eslint的教程,希望在此抛转引玉,当遇到不同cli版本的关闭eslint能如法炮制

你可能感兴趣的:(vue)