1. 安装

npm install typescript@2.9.2 -g      // 下载ts编译器
npm install ts-node@7.0.0 -g         // 下载运行环境
注意记下 ts-node 安装后的可执行文件路径，后面要用的。

image.png

2. 调试

1. 创建文件夹 tsdemo
2. 用 vscode 打开 tsdemo 目录
3. 创建 tsdemo/1.ts 作为我们的第一个 TS 文件
4. 在文件里写一句 console.log(1) 保存
5. 创建 tsdemo/.vscode/launch.json 文件，内容如下

 {
     "configurations": [
         {
         "name": "ts-node",
         "type": "node",
         "request": "launch",
         "program": "注意看这里，要写成ts-node对应的可执行文件",   //此为截图高亮部分
         "args": ["${relativeFile}"],
         "cwd": "${workspaceRoot}",
         "protocol": "inspector"
         }
     ]
 }

6. 打开 tsdemo/1.js，找到调试选项，选择 ts-node，然后点击调试

7. 然后你就可以看到 console.log(1) 的输入结果了（请确保你选中的是 tsdemo/1.ts）

   
   image.png

至此，已经下载及配置好TS环境。可直接在VSC上调试TS。

3. 转译为JS

运行命令
tsc ./1.ts
可将ts文件自动转译成js文件