ts转js方法

• 一、安装node.js
• 二、安装TypeScript
• 三、（手动） 转换ts文件为js文件
• 四、（自动） 转换ts文件为js文件（vscode举例）
• 五、结束语

一、安装node.js

node下载地址：https://nodejs.org/zh-cn/
ps：也可以直接在电脑管家软件商店下载。
安装node，可以一直点击下一步进行安装。

二、安装TypeScript

（1）安装好node后，打开电脑的cmd小黑窗，或者Powershell 窗口。
（2）输入指令：npm install -g typescript 即可。

三、（手动） 转换ts文件为js文件

（1）找到ts文件的存储路径。按住shift键，然后鼠标右键，选择在此处打开Powershell 窗口。使用编辑器的话，可以直接打开终端，同理。
（2）输入 tsc xxx.ts （输入需要转为js的ts文件名+后缀）。

输入指令

（3）然后在当前路径里查看，会出现一个和ts文件名字一样的js文件，到这就成功转为js了。

获得js

（4）若是偶尔ts转一下js，那么看到这里就已经可以满足你的需求了。若是长期使用ts进行编写代码，那么你可以看看下面的方法。

四、（自动） 转换ts文件为js文件（vscode举例）

（1）在文件所在目录，打开Powershell 窗口或者小黑窗。使用编辑器的话，可以直接打开终端，同理。
（2）输入 tsc --init，会生成一个tsconfig.json文件。

在这里插入图片描述

（3）打开tsconfig.json文件，然后修改"outDir": "存放生成的js的存储路径"，下图中的意思是：在当前目录创建一个js文件夹，用来存放生成的js文件。
[图片上传失败...(image-9e9179-1625020039653)]

（4）确定之后，在vscode中，选择终端，然后选择运行任务，会自动检测生成如下图的任务，点击它，进行任务监听。

在这里插入图片描述

（5）监听后，可以直接写ts代码，按下保存后，会自动更新生成js代码。

本文转自链接：https://blog.csdn.net/weixin_46752896/article/details/105269878