TypeScript配置-- 1. 新手处理TS文件红色波浪线的几种方式

Typescript 规范化了JS的项目开发,但是对一些项目的一些新手来说,确实是不怎么优好,譬如我:将我之前珍藏的封装JS代码,拿进了配置了tsconfig.json的vue3项目,在vscode下,出现了满屏的红色 :(


解决红色波浪线

以下将展示由于不符合typescript语法产生的红色波浪线要如何取消校验
在这里插入图片描述

1.1 单行取消校验

// @ts-ignore

在这里插入图片描述

1.2 全文取消校验

需要放在文件头部

//@ts-nocheck

在这里插入图片描述

1.3 修改源文件,符合ts规范

可自行查阅typescript资料,其内容不亚于一本大学教材,需要耐心查阅…

例如下文,出现了红色波浪线,可以鼠标悬浮其上,会提醒出错信息:参数“person”隐式具有“any”类型。ts(7006) 按照提示,给person这个参数设置类型限制
在这里插入图片描述

设置any类型是最省事的,但是却有点违背了ts的初衷,这样调用者传入一个number类型,也是不会有错误提示的。
在这里插入图片描述

我们知道他是个string类型,这样更加友好。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Penk是个码农

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值