2.TypeScript安装和运行

2.1安装

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

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

TypeScript 的命令行工具安装方法如下:

npm install -g typescript

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

2.2编译并运行

1.创建hello.ts文件

console.log('hello')

2.将ts编译为js,在终端执行命令tsc hello.ts(此时会在同级目录下出现一个同名的js文件)

 3.执行js代码,在终端中输入命令,node hello.js。

整个步骤:

2.3简化运行ts的步骤

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

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

安装命令:npm  i -g ts-node

使用方式:ts-node hello.ts

(ts-node命令在内部偷偷的将ts-js,然后再运行js代码)

 1.在hello.ts中输入以下代码

 2.在终端执行命令  ts-node hello.ts, 会报错

原因: console 不属于 EcmaScript 标准。DOM 里面的 console 是浏览器环境下的,属于浏览器BOM API,Node 里面的 console 是 Node.js 里面的,由nodejs自己定义的API,两者虽然有同样的功能,但是并不是同一个东西 

解决:

npm install -D tslib @types/node

 3.在终端再次输入命令,运行成功

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值