TypeScript入门

为了搭建一个比较现代的前端应用,似乎目前唯一的选择是JavaScript,但是传统的JavaScript存在着缺陷,人们总结出来了JavaScript的拓展语言,这就是TypeScript
在这里插入图片描述
TypeScript是JavaScript的超集,在兼容JavaScript的同时,也带来了Java,C#等语言才具有的强类型定义的特点,可以说TypeScript把JavaScript提升到了一个全新的高度,在TypeScript中我们除了可以使用熟悉的JavaScript的语法,还可以充分利用JavaScript不具备的强类型定义、面向对象、泛型等拓展对象,构建出一个更强大、更健壮、更容易维护的大型项目。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
注意:TypeScript无法在浏览器中运行,我们还需要借助编译器把TS变成JS
TS优势:
1.Typing强类型
规范我们的代码
可以在代码的编译阶段及时发现错误
在原生js的基础上加上了一层类型定义

     TypeScript类型检查 ,避免低级错误,解放劳动力,帮助我们写出质量更高的代码

安装TS: npm install -g typescript
运行:tsc main.ts会生成相应的main.js,这个js文件是运行在浏览器中的
运行: node main.js会成功输出结果

在这里插入图片描述
在这里插入图片描述
typescript 工作流
在这里插入图片描述
typescript 的编译器叫tsc,就跟es6的babel 是一个作用

创建一个项目

    npm init  // 生成package.json文件
    npm install -D lite-server   //轻量级服务器
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值