初学typescript——01.typecript自动编译 开发工具vscode

1.在需要自动编译的文件夹内输入 tsc --init 初始化一个tsconfig.json文件

在这里插入图片描述

  1. 进去tsconfig.json 找到第15行左右 有个outDir字段,默认这里是被注释掉的//"outDir":"./" 把这里改成./js,这一步操作的效果是当ts编译后会把生成的js文件放进去./js目录。在这一步还不会自动编译,看步骤3

在这里插入图片描述

  1. 点击终端,找到运行任务

在这里插入图片描述

  1. 点击typescript

在这里插入图片描述

5.点击tsc:监视,点击完之后就算完成了。这时候在index.ts文件写完代码后,点击保存的时候ts就会自动执行tsconfig.json文件,实现自动编译成ES5语法。生成一个js文件,不需要自己每次动手运行tsc index.ts

在这里插入图片描述

到这里就结束了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

代码の搬运工

记录学习,记录认知,记录。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值