我爱模板网 > 建站教程 > 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 也可以弹出:




部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:JS中PROTOTYPE属性解释及常用方法 下一篇:typeScript中的 ?: 问号冒号解释
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢