vs code 如何配置配置自动编译将TypeScript代码编译成为JavaScript代码看这一篇就够了！！！_vscode中如何编译tsx文件

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

1. 检查是否有node环境

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

node -v
npm -v
1
2

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

2. 执行 tsc命令

执行以下命令

tsc --init
1

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

3. 监控编译

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

总结

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

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