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

TS代码自动编译为JS代码

    • 1. 检查是否有node环境
    • 2. 执行 tsc命令
    • 3. 监控编译
  • 总结

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

1. 检查是否有node环境

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

node -v
npm -v

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

2. 执行 tsc命令

执行以下命令

tsc --init

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

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

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

3. 监控编译

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

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



总结

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

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





上一篇 Linux命令——压缩和解压缩
创作不易,记得点赞收藏哦
下一篇 待定

你可能感兴趣的:(----VS,CODE,javascript,typescript,前端)