关于typescript: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 的应用。