欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue-cli3,安装了tslint代码检测工具,绝望到想删除,在绝望到删都删不掉,难受~~~

程序员文章站 2022-05-10 20:33:56
...

先上主菜如下:

 
// vue.config.js
module.exports = {
    // 不解释,请自行查阅文档
    // https://cli.vuejs.org/zh/config/#configurewebpack
    configureWebpack: config => {
        config.plugins.forEach((item,i)=>{
            if(item.tsconfig){
                config.plugins.splice(i,1);
            }
        })
    }
}
 

configurewebpack 文档地址

网上很多资料说修改webpack文件,把eslint插件删除掉,可是我真的没有package.json文件

然后也找过tslint.json,有不少也说配置这个属性defaultSeverity,然鹅,也是无果

 
// tslint.json
{
    "defaultSeverity": "none"
}
 

还有vue.config.js增加lintOnSave配置的,也是让我看到希望又失去希望的

 
// vue.config.js
module.exports = {
    // 关闭代码验证
    lintOnSave: false
}

还有一个说该另外一个文件的,一下子没找到,不列了。

 

我初次vue-cli3创建项目,使用typescript(这个也是初次),还有好多没见过的东西(tslint初次)都钩上了

昨天晚上8点完成代码,挺高兴的,可以早点下班了,我在构建版本,准备发布。

可怕的事情发生了,tslint提示的error在开发期间并没有阻挡我查看效果

而在构建的时候死活不让我过(说到这里有看到一个配置说,不让tslint阻止构建管道,不过也是无效的)

也是各种查资料,查文档,最后都没有啥好的进展,直到晚上11点,找到了一个还算OK的办法,比较第二条要做测试,也顾不了这些了,就是它,可以让下一行代码,不进行检查

// @ts-ignore

我将60多个错误全部加上了这么一个东西才走人。

第二条的我肯定受不了,又开始找卸载它的办法。联想到webpack仔细阅读文档才找到上面的方法

vue-cli3,安装了tslint代码检测工具,绝望到想删除,在绝望到删都删不掉,难受~~~

当时,贼烦,为什么有vue add命令,为什么没有vue remove命令呢;

最后我在这里面,将config打印出来发现了tslint这个东西,这个东西,尝试了一下,居然OK了,我的亲娘呀

vue-cli3,安装了tslint代码检测工具,绝望到想删除,在绝望到删都删不掉,难受~~~

 

这东西对于我这小白来讲,是真的难受

tslint应该就是eslint的封装,适用于typescript上;网上大部分资料都是eslint的方法,很少tslint,所以如果要找规则的话也可以找eslint上,然后拿过来用。

说起来很生气,百度谷歌,居然把我要搜索tslint改为了eslint,把这两个东西当成一个东西了

 

写在经验

nodejs在运行的时候可以使用vscode去调试,查看值是什么东西;
也可以通过打印在终端上查看(不过终端上有长度限制,如果直接打印变量,深级别的无法查看)
使用node代码写入到文件,今天这个就是用这个方法的还算挺好用的

 

 
var fs = require('fs');
fs.writeFile('./b.json', JSON.stringify(config), function (error) {
    if (error) {
        console.log('写入成功')
    } else {
        console.log('写入成功')
    }
})