最近写小程序,用到typescript,按网上说的方式怎么也不能自动编译出js文件,后来在github的一个答复中得到灵感,可能是命令没有正确执行。思索之下自己修改了VS Code的默认终端,把powershell改成了cmder,果断还原默认配置,然后就可以了~

整理如下:

VSCode自动编译TypeScript步骤

注意:一定不要修改VSCode的默认终端,以保证命令的自动执行!!
先自行安装typescript编译环境;

1、安装插件:Blade Runner-Run Task When Open;
2、在项目根目录执行tsc --init,生成tsconfig.json文件;
3、在 VScode 里面选择菜单-终端-配置默认生成任务- tsc 监视:tsconfig.json。

上述会生成一个 .vscode 文件夹,里面有一个tasks.json 上面插件会在 VSCode 每次启动的时候,自动根据 task.json 运行一些命令.
这样,编译 ts 的工作就变成完全自动的了。

如果看不到 tsc 构建这个选项,可能需要打开一个 ts 文件后再进行上述操作。
ts 文件编译成 js 文件后,微信开发者工具也会自动的编译 js 文件。
 

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐