利用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

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/150543.html

(0)
上一篇 2021年9月13日
下一篇 2021年9月13日

相关推荐

发表回复

登录后才能评论