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.在终端再次输入命令,运行成功

 

1. TypeScript 是一种由微软开发的开源编程语言,它是 JavaScript 的一个超集。它添加了静态类型和面向对象编程的特性,并提供了更强大的工具和功能来帮助开发者编写可维护和可扩展的代码。 2. TypeScript 的优势和用途: - 静态类型检查:TypeScript 引入了静态类型系统,可以在编译时捕获一些常见的错误。这可以提供更好的代码质量和可靠性,并减少在运行时出现的错误。 - 更好的代码维护性:TypeScript 提供了类、接口、模块等面向对象编程的特性,使得代码更易于组织和维护。它还支持代码重构、智能感知和代码导航等功能,提高了开发效率。 - 渐进式采用:TypeScript 可以与 JavaScript 无缝集成,可以逐步将现有的 JavaScript 代码迁移到 TypeScript,而无需重写全部代码。这使得团队可以逐步采用 TypeScript,而不需要一次性投入大量时间和资源。 - 社区支持和生态系统:TypeScript 拥有庞大的开发者社区和丰富的第三方库支持,可以轻松地与其他流行的 JavaScript 框架和工具进行集成。 3. TypeScript 与 JavaScript 的关系: TypeScript 是 JavaScript 的超集,这意味着任何有效的 JavaScript 代码都是有效的 TypeScript 代码。TypeScript 扩展了 JavaScript,添加了静态类型、类、接口等新的语法特性,并提供了更丰富的工具和功能来提高开发效率和代码质量。TypeScript 代码可以通过编译器将其转换为 JavaScript 代码,这样可以在任何支持 JavaScript 的环境中运行。因此,开发者可以使用 TypeScript 来编写更可靠、可维护和可扩展的代码,同时仍然可以享受到 JavaScript 生态系统的优势。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值