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

1.生成tsconfig.json文件

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

2.修改config文件

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

3.任务运行监视tsc

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

3.测试

TypeScript(二)--动态监视编译ts文件_第4张图片

总结

公众号“程序港湾”已经开通,扫描以下二维码关注,海量教程等你来选,还有工程师在线答疑。
TypeScript(二)--动态监视编译ts文件_第5张图片

你可能感兴趣的:(TypeScript,typescript)