TypeScript学习笔记之一初见TypeScript

一、什么是TypeScript?

TypeScript是一种编译性语言、强类型语言、真正的面向对象
它是JavaScript的一个超集，所以看这个教程的时候最好您具有JavaScript的基础知识
TypeScript开源代码

二、TypeScript与javaScript的区别

1、TypeScript是JavaScript的超集，扩展了JavaScript的语法；
2、TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译；
3、TypeScript文件的后缀名 xxx.ts （*.ts *.tsx *.dts）JavaScript文件是xxx.js
4、你在编写TypeScript的文件的时候就会自动编译成js文件

三、TypeScript的优缺点

官网上有明确的说明TypeScript官网地址
简单总结优点有：
1、新增了其他语言的语法（比如Class（类）、Interface（接口）、Generics(泛型)、Enums(枚举）等；
2、TypeScript 拥抱了 ES6 规范；
3、兼容很多第三方库，即使第三方库不是用 TypeScript 写的，也可以编写单独的类型文件供 TypeScript 读取；
4、开源社区活跃；

缺点：
1、学习成本相对较高好（因人而异）；
2、有些知识点如果之前接触过可能难以理解，最好的办法就是多写代码；

四、TypeScript的安装

安装方式有两种：
A、 Node.js 包管理器 (npm)(推荐)
B、 Visual Studio 2012 继承的 MSI. (点击下载）

打开终端terminal输入安装指令

npm install -g typescript

这里是全局环境下安装 tsc 命令，安装完成之后，我们就可以在任何地方执行 tsc 命令
安装完成

image.png

这里需要用到nodejs的管理器，如果你没有安装请参考
Mac下安装Node环境看过来

安装完成之后编译文件

tsc xxx.ts // 编译文件

一旦编译成功，就会在相同目录下生成一个同名 js 文件

image.png

五、TypeScript编辑器的选择

常用编辑器下载地址

• Sublime Text
• WebStorm （小编使用）
• Eclipse
• Visual Studio 2015（同样推荐）

如需了解更多知识
TypeScript学习笔记之五类（Class）
TypeScript学习笔记之四接口（Inferfaces）
TypeScript学习笔记之三非原始数据类型
TypeScript学习笔记之二基本数据类型
TypeScript学习笔记之一初见TypeScript