TypeScript的安装与使用

首先说一下TypeScript和JavaScript的关系：

TypeScript是JavaScript的超集，所以JavaScript文件是可以在TypeScrit文件中运行的，无需更改，对于JavaScript中的语法在TypeScript的也同样适用，但是机器一般不能正确处理TypeScript语言，需要先处理成JavaScript语言。

分开执行

全局安装TypeScript

npm install -g typescript

执行命令

tsc -v  查看是否安装成功

打开vscode创建一个.ts文件

编写完成进入目标目录下面，打开cmd页面

执行命令：

tsc xxx.ts

执行完毕就会在文件夹种生成一个同名字的js文件

打开js文件，可以看到刚才编写的ts代码解析成了相应的js代码

再用node执行js文件，就可以看到相应的内容

node xxx.js

可以将两者结合起来

npm install -g ts-node

然后执行命令

ts-node xxx.ts

 执行的结果是一样的

VScode中运行TypeScript代码

在控制台输入命令

tsc --init

会生成一个.json文件

打开json文件，解开  "outDir":''./"的注释，目的是为了存放生成的js文件，可以指定到相应的文件夹，便于管理：

然后终端中点击运行生成任务，然后监视即可

之后就会生成一个文件（因为我在json文件中更改了路径 ./js）所以多了一个文件夹

打开生成的相应的文件，可以查看TypeScript生成的相应的JavaScript代码

然后再运行相应的js代码便可以看到运行结果