1：创建TypeScript项目

首先在自己所储存的地方（D盘或者U盘）创建名为LearnTypeScript文件夹
在LearnTypeScript文件夹里面新建dist 和 src两个文件夹
dist文件夹用于存放ts文件转换的js文件
src文件夹用于存放ts文件

初始化ts项目，
终端（ctrl+ tba上面波浪线））里切换到LearnTypeScript文件夹
执行命令：tsc --init  按下回车键，然后会生成tsconfig.json文件

2：添加项目信息

在终端里执行命令：npm init -y ，则会生成package.json文件

3：修改tsconfig.json文件

打开tsconfig.json文件

将：rootDir和outDir的注释放开, 修改如下所示

第29行和第58行

“rootDir”: “./src”,

“outDir”: “./dist”,

修改完后记得保存一下！！！

4.创建ts文件

在src目录里创建test.ts文件

按下ctrl+shift+B执行编译指令：
因为没有配置tasks.json，vscode并没有执行编译任务;出现如下弹框

弹窗出来的选项不一样

方式一： 整个项目build，特点就是慢；
方式二：watch模式，就是通过监听你修改了ts文件，自动后台编译，特点就是快

添加tsc:bulid - tsconfig.json配置

点击上图最右边的齿轮按钮添加默认添加了配置，此时项目当中新增了.vscode/task.json;

如下图所示:

tasks.json文件代码

5：监听ts文件变化，自动生成js文件

添加好build之后，开始编译test.ts文件

6：运行js文件

查看dist文件夹里来自test.ts文件编译生成的test.js文件