typescript配置vscode开发工具自动编译ts文件

生成tsconfig.json文件
tsc --init

创建src目录,创建build/js目录存放生成的js代码
typescript配置vscode开发工具自动编译ts文件_第1张图片

修改tsconfig.json中存放生成代码的目录

修改outDir指向的目录
typescript配置vscode开发工具自动编译ts文件_第2张图片

vscode中运行任务

typescript配置vscode开发工具自动编译ts文件_第3张图片
点击typescript目录中的监视 tsconfig.json,或者直接点击最上面的tsc:监视 tsconfig.json。这样,修改完index.ts后,就可以直接生成index.js了,而不必每次都手动执行tsc src/index.ts生成了。
typescript配置vscode开发工具自动编译ts文件_第4张图片

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