TypeScript转JavaScript的方法。

一、安装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文件。
在这里插入图片描述
(4)确定之后,在vscode中,选择终端,然后选择运行任务,会自动检测生成如下图的任务,点击它,进行任务监听。
在这里插入图片描述
(5)监听后,可以直接写ts代码,按下保存后,会自动更新生成js代码。

五、结束语

初次写博客,如果对你有帮助的话,点个赞哈。

  • 21
    点赞
  • 35
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值