昨天一天开发了2个小时左右,决定转换到typescript下来。

纯原生的JS,到后期很可能成为开发的瓶颈,导致我自己都不想维护这种总数可能会超过上万行的东西。

深入理解 TypeScript

https://jkchao.github.io/typescript-book-chinese/

目录:

0、安装并配置tsc

包含两步:1、安装tsc;2、写一个tsconfig.json

1、解决第一个错误

主要是类型导致的,所以需要理解一下ts的类型系统,不过暂时不想搞了,先强行转换掉再说;

2、解决vscode自动编译的问题

总不能没改一下就跑到终端里tsc一下吧

还行,在任务里增加对tsc的监视就可以自动编译了,还比较方便

然后看看会不会触发live server的自动刷新哈;

所以今天第一件事是配置环境,并且将昨天那100多行的代码看怎么转换到TS下

https://code.visualstudio.com/docs/typescript/typescript-tutorial

1、遇到了转换后的第一个问题

就是好似typescript是一个比较安全的语言

let c=document.getElementById("myCanvas");
let ctx=c.getContext("2d");

所以像这样获取元素,有可能是空对吧?另外类型上也有问题,所以需要修改;

let c=<HTMLCanvasElement> document.getElementById("myCanvas"); let ctx=c.getContext("2d");

最后看下来的确是类型的问题,编译器觉得类型有问题

https://stackoverflow.com/questions/58218597/property-getcontext-does-not-exist-on-type-htmlelement/58218739

参考以上的链接;

============================================

2、自动编译

https://blog.csdn.net/scorpio_h/article/details/106203680

选择【终端】-->【任务】

然后就开始监视了