首页 > 建站教程 > JS、jQ、TS >  vscode自动编译ts文件正文

vscode自动编译ts文件

编译ts文件,需要敲下面的代码
tsc a.ts
会自动在同级目录生成:
a.js

但是每次这样都很麻烦,这里介绍下如何让vscode自动编译ts文件:

1、创建tsconfig.json文件,运行tsc --init生成配置文件

2、修改输出目录,打开tsconfig.json文件,找到outDir,将前面的注释去了,在后面填写输出目录:



3、运行tsconfig.json,让vscode自动生成js:
    中文版本,选择:菜单->终端->运行任务->typescript->tsc:监视-tsconfig.json 即可
    英文版本,选择:菜单->Terminal->Run Task->typescript->tsc:watch-tsconfig.json 即可
    或者直接按快捷键:Ctrl+shift+B 也可以弹出: