介紹

TypeScript 擴充套件了 JavaScript 語法，任何已經存在的 JavaScript 程式，可以不加任何改動，在 TypeScript 環境下執行。TypeScript 只是向 JavaScript 添加了一些新的遵循 ES6 規範的語法，以及基於類的面向物件程式設計的這種特性。

其次，從 2016 年 9 月底釋出的 Angular2 框架開始，就由 TypeScript 編寫的，包括我們現在最容易的 Vue.js 的腳手架 Vue-cli 3X 也是由 TypeScript 編寫的，並且 Vue-cli 3x 還支援 TypeScript 的專案生成及編寫，從這一點就可以看出，其實 TypeScript

TypeScript 用的是 Es6 的語法，但是大部分瀏覽器不支援 Es6，所以我們必須安裝它的環境，因為它的執行環境可以將我們寫的 TypeScript 專成可執行的 Es5 瀏覽器指令碼（JavaScript）

環境搭建

要用 TypeScript 肯定首先要安裝 TypeScript，TypeScript 是需要在 NodeJs 的環境上基礎上才能安裝的，如何安裝Node 這種傻瓜式的步驟我這裡就不演示了，預設你已經安裝了 Node 開發環境，我這裡直接演示如何安裝 TypeScript

sudo npm install -g typescript

當安裝完成之後，你可以通過以下命令來檢測你當前安裝的版本

tsc -v

我這裡安裝的為 3.1.6 版本，是目前最新的版本，用來學習

當我安裝完成之後我在桌面新建一個目錄 ：TypeScript ,並且在目錄裡面新建一個 hello.ts，內容如下：

export class Hello {
	
}

可以看到我在裡面用 ES6 的語法聲明瞭一個 class 類，其實它就是 JS

我通過命令列終端進入資料夾並且通過 typescript 的 tsc 去編譯這個檔案 hello.ts 的檔案

cd desktop/TypeScript
tsc hello.ts

編譯完成後會在當前目錄下出現一個 hello.js 的可執行檔案，當我開啟 hello.js 的時候裡面的內容被自動變成如下：

"use strict";
exports.__esModule = true;
var Hello = /** @class */ (function () {
    function Hello() {
    }
    return Hello;
}());
exports.Hello = Hello;

可以看到他被翻譯成了 Es5 可執行的 JavaScript，其實 TS 這種寫法在 Node 裡面可以直接寫在 JS 裡面，只是瀏覽器還做不到真正意義上的相容 ES6 所以我們學習 TS 對工作來說還是相當不錯的，用更少的程式碼做更多的事情