Sublime 3搭建TypeScript開發環境
Typescript 是 JavaScript 的一個超集，在 ECMAScript6 基礎上演化並吸收了生成 Javascript 類別和介面的一些特性。它編譯後生成普通的 JavaScript 程式碼。TypeScript 支援任意瀏覽器，任意環境，任意系統，並且是開源的。
這篇文章我們使用 Sublime 來作為TS的開發工具。
首先安裝TypeScript，這裡假設你的電腦上已經安裝了nodejs和npm，開啟命令列視窗，執行命令：
npm install -g typescript稍作等待，安裝完畢之後做個小測試。新建一個資料夾，在資料夾中新建一個檔案命名為test.ts，程式碼如下：
function greet(msg: string){
console.log("Say " + msg);
}
greet("hello!");開啟命令列視窗，進入 test.ts 檔案所在目錄，執行命令
tsc 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 檔案，程式碼如下：
{
"compilerOptions":{
"sourceMap": true
},
"files": ["hello.ts"]
}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，程式碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
</head>
<body>
<script type="text/javascript" src="hello.js"></script>
</body>
</html>在瀏覽器中開啟此檔案， F12，看到控制檯已經打印出了 Say hello!
點選瀏覽器開發者工具的 Sources 選項卡，開啟 hello.js 檔案，如下圖所示：
在第四行打上一個斷點，你會看見啪一下，斷點跳到了 hello.ts 檔案的對應行上：
重新整理頁面，進入斷點，就可以直接對 TypeScript 程式碼進行除錯了。