Typescript 是 javaScript 的一個超集，在 ECMAScript6 基礎上演化并吸收了生成 Javascript 類別和接口的一些特性。它編譯后生成普通的 JavaScript 代碼。TypeScript 支持任意瀏覽器，任意環境，任意系統，并且是開源的。

TypeScript 是由微軟開發的，宇宙最強 IDE VS2015 對其也有很好的支持。但作為IDE來說有一個通病就是體積龐大，且耗內存，而且據說其默認安裝系統是 Win10，所以在 Win8.1 上安裝會提示缺少各種插件，巨麻煩，果斷放棄了。這里我們使用前端神器 Sunblime 來作為它的開發工具。

首先安裝TypeScript，這里假設你的電腦上已經安裝了nodejs和npm，打開命令行窗口，運行命令：

稍作等待，安裝完畢之后做個小測試。新建一個文件夾，在文件夾中新建一個文件命名為test.ts，代碼如下：

打開命令行窗口，進入 test.ts 文件所在目錄，運行命令

對 .ts 文件進行編譯，編譯成功后可以看到在同級目錄下生成了一個 test.js 文件。

沒錯，TypeScript已經安裝成功了，就是這么簡單！

然后為Sublime添加TypeScript支持。TypeScript 包可以通過 Package Control 得到。打開Sublime，PReference -> Package Control，找到 Install Package，輸入 TypeScript，找到 TypeScript 點擊進行安裝，稍等一會，待安裝完畢，進行一下測試。新建一個文件命名為 hello.ts，輸入跟剛才相同的代碼，你會發現，自動補全有了，代碼高亮有了，自動檢測語法錯誤也有了，很爽啊有木有。

接下來我們創建一個 TypeScript 項目。從1.5版本開始，TypeScript 支持一個名為 tsconfig.json 的輕量級項目文件，我們可以在前面的文件夾中添加一個 tsconfig.json 文件，代碼如下：

tsconfig.json 文件有兩個部分：傳遞給編譯器的選項和文件列表。例子中將sourceMap設為TRUE，TypeScript的編譯器會創建一個 .map 文件，通過它我們能直接調試 TypeScript 而不用將其編譯成 JavaScript 代碼。files 選項列出需要編譯的 .ts 文件。若不指定此選項，tsconfig.json 會編譯該目錄下的所有 .ts 文件。

現在萬事俱備，打開命令行窗口，cd 到我們的項目路徑下，直接運行 tsc 命令，可以看到生成了 hello.js 和 hello.js.map 兩個文件。

下面我們看看怎樣用 .map 文件來對 TypeScript 代碼進行調試。新建一個 HTML 文件命名為 test.html，代碼如下：

在瀏覽器中打開此文件， F12，看到控制臺已經打印出了 Say hello!

點擊瀏覽器開發者工具的 Sources 選項卡，打開 hello.js 文件，如下圖所示：

在第四行打上一個斷點，你會看見啪一下，斷點跳到了 hello.ts 文件的對應行上：

刷新頁面，進入斷點，就可以直接對 TypeScript 代碼進行調試了。