引言：
既然有了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/（不錯的網絡書籍）