利用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 和 监视相应的配置文件:

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

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

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

未经允许不得转载:前端资源网 - w3h5 » 利用VS Code监视任务自动编译TypeScript文件为JavaScript

赞 (0)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)