学点新东西 for typescript 之一(windows环境搭建)

前言

哈哈哈,又是我 Virusss来新开专栏了,这次我们就来玩玩 typescript吧!(ps: 每天五分钟冲击python基础教程还在持续更新中…别催我更新喔!不然我就有小脾气了。

什么是 typescript

TypeScript是微软开发的一个开源的编程语言,通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码,可运行在任何浏览器,任何操作系统。
TypeScript添加了很多尚未正式发布的ECMAScript新特性(如装饰器)。2012年10月,微软发布了首个公开版本的TypeScript,2013年6月19日,在经历了一个预览版之后微软正式发布了正式版TypeScript。当前最新版本为TypeScript 4.0

简单来说 typescript 就是 type + javascript的结合 形成的超集。

了解谁搞出来的

TypeScript的作者是安德斯·海尔斯伯格,C#的首席架构师。 它是开源和跨平台的编程语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。

TypeScript扩展了JavaScript的语法,所以任何现有的JavaScript程序可以运行在TypeScript环境中。

TypeScript是为大型应用的开发而设计,并且可以编译为JavaScript。

TypeScript 支持为已存在的 JavaScript 库添加类型信息的头文件,扩展了它对于流行库的支持,如 jQuery,MongoDB,Node.js 和 D3.js 等。这些第三方库的类型定义本身也是开源的,所有开发者都能参与贡献。

主要特性

TypeScript 是一种给 JavaScript 添加特性的语言扩展。

● 类型批注和编译时类型检查

●类

●接口

●模块

●装饰器

语法上,TypeScript 很类似于 JScript .NET,另外一个添加了对静态类型,经典的面向对象语言特性如类,继承,接口和命名空间等的支持的 Microsoft 对 ECMAScript 语言标准的实现。

(ps:详细请看官网 typescript

安装环境

需要安装 node.js 和 vs code

1.安装node.js (https://nodejs.org/)

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
安装完成后,测试是否已经安装了。

win + r 键 运行 ,输入 cmd
在这里插入图片描述
分别输入 node -v npm -v ,检测当前是否安装成功
在这里插入图片描述

2.安装typescript (一定要加上 -g 喔)

在命令行 输入 npm install typescript -g
在这里插入图片描述
3.安装 vscode (根据自己的电脑系统选择)
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

编写一个demo,测试node.js 和 vscode是否安装成功和编译

新建文件,并重名为 demo.ts
在这里插入图片描述
编写测试代码
在这里插入图片描述
用 terminal 来运行 ts文件
在这里插入图片描述
输入命令后,会生成一个编译好的 js 文件
在这里插入图片描述
在这里插入图片描述
输入命令 ,即可看到效果
在这里插入图片描述

如果想一条命令,编译加运行(课程补充)

命令行输入 npm install -g ts-node 安装插件
在这里插入图片描述
然后在程序里面 输入 ts-node 程序名,即可看到效果
在这里插入图片描述

注:如果运行 ts-node 的时候遇到
在这里插入图片描述
解决方法:
点击右下角这里,新建 tsconfig.json 文件
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
然后直接保存这个文件即可。

结语

typescript现在发展的势头很猛,前几天据某知名网站的统计,typescript语言已经排入编程语言的前十了,所以要学习趁现在吧!欢迎跟着我的课程来学习喔!如果觉得我的文章还可以,麻烦赞赏一下或者点赞一下。( ps:毕竟码字真的好累喔!)

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值