vs code 如何配置配置自动编译将TypeScript代码编译成为JavaScript代码看这一篇就够了!!!

本文介绍了vs code如何配置自动编译,将TypeScript代码编译成为JavaScript代码。

1. 检查是否有node环境

检查系统是否有node环境,命令如下

node -v
npm -v

在这里插入图片描述
如果没有安装node,先安装node环境,关于这个就不过多介绍了,下载一个node的msi安装包,直接安装即可,默认是自动带npm包管理的。

2. 执行 tsc命令

执行以下命令

tsc --init

在这里插入图片描述

执行之后会在目录中生成一个 tsconfig.json文件 找到outDir,这个配置的是将来编译之后js文件的位置
在这里插入图片描述

3. 监控编译

点击 vs code的 Termial->Run Task->typescript->tsc:watch即可开启监控编译,什么是监控编译呢?顾名思义,就是一直会处于准备编译的状态,一旦达到编译的条件就会开始编译,那什么时候才会达到编译条件呢,就是当新增或修改了一个.ts结尾的文件时就会触发,这是随便新建一个.ts文件,保存就会编译到之前配置的目录下
在这里插入图片描述



总结

本文介绍了在visual stdio code 如何配置并开启自动编译TypeScript代码为JavaScript代码。

  希望对看到本文的你有帮助。

  • 24
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值