搭建环境 - 安装 node.js
安装 typeScript

npm install -g typescript

创建程序文件
.ts 文件 类似于js文件
.tsx 文件 提供的另一种文件类型 可以书写 JSX语法

编译
tsc [要编译的文件] --outFile [编译后保存文件]

直接命令行运行 ts 文件

 npm install ts-node -g     
 运行：ts-node file.ts

vscode自动编译ts文件

1. tsc --init 创建tsconfig.json

2. 修改tsconfig.json文件，设置js文件输出路径 "outDir":"./js"

image.png

3. 设置vscode 监视任务

image.png

选择 监视 tsconfig.json，保存ts文件之后，vscode就会帮我们自动编译js

image.png