【TS】ts的使用和类型注解

全局安装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文件中，类型错误会有错误提示