利用VS Code监视任务自动编译TypeScript文件为JavaScript

利用VS Code监视任务自动编译TypeScript文件为JavaScript 经验总结 第1张

VS Code 编译 *.ts 文件，需要安装 TS 依赖。

全局安装 TS ：

yarn global add typescript
// or
npm install -g typescript

创建/生成 tsconfig.json 文件：

tsc --init

这时会在当前目录生成 tsconfig.json （配置）文件。

打开配置文件，设置编译后输出的 *.js 文件夹：

"outDir": "*.js 文件的输出路径"
// exp: "outDir": ""./dist"

VS Code 监控任务自动编译：

点击菜单 -  终端 - 运行任务 - 选择 typescript 和 监视相应的配置文件：

也可以使用快捷键 Ctrl + Shift + B 直接打开选择运行任务。

这样，修改完 *.ts 文件，VS Code 就会自动编译输出 *.js 文件了。