全局安装Ts
npm install -g typescript
检查ts版本
tsc -V
安装完ts后,在文件夹新建 xxx.ts文件,html可以引入,但此时引入ts会报错,解决问题如下:
在使用ts的时候没有解析ts,直接引入了ts文件导致报错,在使用ts的时候需要将其解析成js文件
原因:
// 打开终端 输入 tsc ts文件路径 tsc .\01_第一次ts.ts
将ts解析后的js引入即可
ts在vscode中自动解析
在需要自动解析ts的文件夹上鼠标右键,在集成终端中打开
在终端中输入 tsc --init
运行完后,此文件夹下会生成tsconfig.json文件
在这tsconfig.json文件夹内配置
配置完成后,点击终端
点击显示所有任务
找到tsc:监视xxx
此时在ts中写的代码,系统会自动生成一个js目录,并自动将ts的代码编译到生成的js目录内的js文件中,引入生成的js即可,在对应的ts文件编写,系统会自动编译到js
类型注解
编写ts文件的时候,需要规范数据类型,比如 函数明确传入的类型是 string ,此时传入 array类型的数据,编译的时候在终端会报错,虽然可以正常运行,但是可以在终端明确的看到问题所在点,并且在ts文件中,类型错误会有错误提示