TypeScript介绍与安装

本节咱们来学习 TypeScript 语言。 TypeScript 看名字就和 JavaScript 很像，事实上它们二者也确实有关联。TypeScript 是 JavaScript 的超集，它对 JavaScript 进行了一些规范和补充。

TypeScript 介绍

• TypeScript 能够编译成纯 JavaScript，编译出来的 JavaScript 能够在任何游览器上运行。
• TypeScript 能够在任何浏览器，任何计算机和任何操做系统上运行，并且它是开源的。
• TypeScript 扩展了 JavaScript 的语法，因此任何现有的 JavaScript 程序能够运行在 TypeScript 环境中。
• TypeScript 起源于使用 JavaScript 开发的大型项目，因为 JavaScript 语言自己的局限性，难以胜任和维护大型项目开发。所以微软开发了 TypeScript ，使得其可以胜任开发大型项目。

什么是超集？

上面咱们说 TypeScript 是 JavaScript 的超集。那什么是超集呢？

超集的定义：若是一个集合 S2 中的每个元素都在集合 S1 中，且集合 S1 中可能包含 S2 中没有的元素，则集合 S1 就是 S2 的一个超集。

这也就是说，JavaScript 的全部功能 TypeScript 里都有，但 TypeScript 里的功能 JavaScript 就未必有，毕竟 TypeScript 扩展提高了 JavaScript 的编写体验，例如：静态类型检查 JavaScript 就没有，而依赖 TypeScript 就能够很方便进行静态类型检查，因此 TypeScript 是 JavaScript 的超集。且 TypeScript 编写的代码，最终均可以生成标准的 JavaScript 代码。

TypeScript 的优点

• Typescript 支持 ES6 规范的语言，ES6 规范指出将来客户端脚本语言的发展方向，Typescript 脚本语言的语法会成为将来一段时间客户端语言的主流语法。
• 类型检测：在 Typescript 中为变量指定具体类型时，IDE 会作出类型检测，而后告诉你这里可能会有错误，这个特性能够帮助咱们减小在开发阶段犯错概率。
• 语法提示：在 IDE 里编写 Typescript 代码时，IDE 会根据你当前的上下文，把你能用的类、变量、方法和关键字都给你提示出来。直接选择，这个特性提升开发效率。
• 是 Angular2 框架的开发语言，所以 Typescript 有利于咱们学习 Angular2 框架。Angular2 是一款开源的 JavaScript 库，由谷歌维护，用来协助单一页面应用程序运行。

TypeScript 安装

在咱们安装 TypeScript 以前，须要保证已经安装好了 Node.js，若是没有安装请先安装好 Node.js。

安装完 Node.js 以后，就能够开始安装 TypeScript 啦。

如何安装node.js

Node.js 下载地址：https://nodejs.org/en/download/，你们下载好后根据步骤安装便可。

安装完成后，咱们能够在电脑上打开终端，在终端中输入 node -v 命令，以下图：

若是按下回车后，界面成功输出版本号则说明 Node.js 已经安装成功，上图表示成功安装了 v12.16.1 版本的 Node.js。

如何安装TypeScript

Node.js 自带 npm，咱们能够经过 npm 全局安装 TypeScript ，在命令行中输入以下命令：

npm install -g typescript

按下回车键就会自动开始安装，安装完成后，显示以下图所示表示：

其中 -g 表示全局安装，typescript 表示安装的程序名。

若是想要检测安装是否成功，能够在刚刚的窗口中输入 tsc -v 命令，这样能够查看到 TypeScript 的版本号，下图中显示版本号为 3.8.3：

Visual Studio Code

咱们要学习 TypeScript，首先选择一个适合本身的 IDE（集成开发环境）。 有不少 IDE 都支持 TypeScript 插件，例如 Visual Studio Code、Sublime Text 2、WebStorm、Eclipse 等。而后我选择的是 Visual Studio Code ，因此首先咱们须要下载安装 Visual Studio Code，若是你电脑上有就不须要从新安装了。

Visual Studio Code 下载地址：https://code.visualstudio.com/。

下载后根据提示安装便可，安装完成后，打开 Visual Studio Code 软件，而后找到应用商店：

在搜索框中输入 TypeScript ，点击绿色的安装按钮，便可安装 TypeScript 插件，以下图所示（下图是已经安装好了插件，绿色按钮就会消失）：

此时准备工做差很少完成了，下一节咱们开始学习 Typescript 的使用。