TypeScript的基本使用

文章介绍了如何安装编译TS的工具包,包括typescript和ts-node,以及如何通过tsc或ts-node命令编译并运行TS代码。强调了TS是JS的超集,合法的JS代码也是TS代码,而ts-node可以简化TS代码的运行步骤,避免了手动编译的繁琐过程。

1.安装编译TS的工具包

问题:为什么要安装编译TS的工具包?

回答:Node.js/浏览器,只认识JS代码,不认识TS代码。需要先将TS代码转化为JS代码,然后才能运行。

安装命令:npm i -g typescript。

typescript包:用来编译TS代码的包,提供了tsc命令,实现了TS->JS的转化。

验证是否安装成功::tsc -v(查看typescript的版本)

2.编译并运行TS代码

①创建hello.ts文件(注意:TS文件的后缀名为.ts)

②将TS便以为JS:在终端中输入命令,tsc hello.ts(此时,在同级目录中会出现一个同名的JS文件)。

③执行JS代码:在终端中输入命令,node hello.js

说明:所有合法的JS代码都是TS代码,有JS基础只需要学习TS的类型即可。

注意:由TS编译生成的JS文件,代码中就没有类型信息了

3.简化运行TS的步骤

问题描述:每次修改代码后,都要重复执行两个命令,才能运行TS代码,太繁琐

简化方式:使用ts-node包,直接在Node.js中执行TS代码。

安装命令:npm i -g ts-node(ts-node包提供了ts-node命令)。

使用方式:ts-node hello.ts

解释:ts-node命令在内部偷偷地将TS->JS,然后,在运行JS代码。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值