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);
}
})
}
}
网上很多资料说修改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 add命令,为什么没有vue remove命令呢;
最后我在这里面,将config打印出来发现了tslint这个东西,这个东西,尝试了一下,居然OK了,我的亲娘呀
这东西对于我这小白来讲,是真的难受
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('写入成功')
}
})