TypeScript(二)--动态监视编译ts文件

1.生成tsconfig.json文件

打开Vscode,打开vscode终端,起始对应的就是cmd,只不过不需要额外的开启cmd窗口,更加的直观。
TypeScript(二)--动态监视编译ts文件
在终端中输入命令tsc --init,你会发现项目目录中多了一个tsconfig.json文件,这个文件就是配置编译ts文件的配置文件。

2.修改config文件

找到其中的outDir属性并解除注释,属性值就为保存编译后的js文件的目录
TypeScript(二)--动态监视编译ts文件

3.任务运行监视tsc

点击Vscode菜单栏中的终端>运行任务>tsc:监视,这时你会发现你的项目中多了一个文件夹,文件夹里面有对应你ts文件生成的js文件。
TypeScript(二)--动态监视编译ts文件

3.测试

TypeScript(二)--动态监视编译ts文件