引言：
既然有了JavaScript，为什么还需要typescript呢？两者有什么不同呢？
一：介绍
一：typeScript
1：JavaScript
JavaScript的产生历程这里就不详细说了，我们说说关键点。
1999年12月ECMAScript发布第三标准版本后，接下来10年就不行了。直到2005年借助ajax，JavaScript得以复兴。
2009年12月ECMAScript 5发布。随后2012年，开始流行。
2015年，ECMAScript 6发布。
2：typescript出现的原因
（1）JavaScript大型web应用容易出现失控，难以驾驭。
（2）而类似 CoffeeScript 和 Script# 语言难以使用JavaScript的语言特性。
（3）微软认为JavaScript 只是一门脚本语言，设计理念简单，缺乏对类和模块的支持，并非真正用于大型web应用。
3：typescript 的特点
（1）免费开源
（2）基于ECMAScript进行扩展，是 JavaScript的超集。
（3）添加可选静态类型、类、模块
（4）可编译为 JavaScript
（5）跨平台，支持所有浏览器、主机和操作系统。
下图可以看到typescript与es5、es6的关系
二：环境准备
1：安装node.js
请先安装nodejs，配置淘宝源
2：npm
node.js的包管理工具，不仅仅承接Node生态的包管理，也承接了JavaScript的包管理工作。安装node.js时，已经把npm捆绑安装了。
npm有三个不同部分组成：网站、注册表、CLI。网站是用户发现软件的主要工具。注册表是一个关于软件包的大型数据库，而CLI则告诉开发者如何在注册表上发布软件包或下载软件包。
3：yarn
yarn是Facebook、Google、Exponent和Tilde 共同开发的一款 新JavaScript 包管理工具。yarn并没有试图取代npm，yarn同样是从npm注册源获取模块的CLI客户端。它存在的目的是为了解决npm面临的少数问题。比如依赖版本的锁定、并行安装以及文案输出等。当然npm本身也在积极解决这些问题。
安装：npm install -g yarn （推荐使用Yarn官方推荐方式安装）
4：typescript 的安装
npm install -g typescript
npm install -g ts-node （ts-node：typescript编译过程，提供直接运行typescript代码的能力）
5：Visual Studio Code 工具的安装
这款IDE 非常适合 typescript
三：开发工具的配置
1：ts文件的使用--手动编译
写一个ts文件，需要编译成js文件使用
E:\ruby\代码>tsc hello.ts
2：开发工具VScode --自动编译ts文件
第一步：创建tsconfig.json文件（命令：tsc --init生成配置文件）
先打开对应的文件夹
在对应的文件夹中生成json配置文件
修改配置文件
第二步：菜单：任务--》运行任务，点击tsc监视 -tsconfig.json。然后就可以自动编译生成js代码
如果你想执行代码：
3：开发工具Hbuild --自动编译ts文件
安装插件
配置
资料：
https://ts.xcatliu.com/（不错的网络书籍）