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

先上主菜如下:

 
// 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代码检测工具,绝望到想删除,在绝望到删都删不掉,难受~~~_第1张图片

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

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

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

 

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

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('写入成功')
    }
})
 

 

你可能感兴趣的:(vue-cli3)