JavaScript 是於1996年被開發出來的，然后在1997年被提交給 ECMA 國際用於標准化工作，這導致了 ECMAScript 的誕生。同時，由於 JavaScript 與 ECMAScript 規范保持一致，所以可以說 JavaScript 是根據 ECMAScript 所實現的一個例子。因此令我們感到有趣的是：ECMAScript 是基於 JavaScript 的，而同時 JavaScript 又是基於 ECMAScript 的。
TypeScript是微軟開發的一門腳本語言，它是JavaScript的超集，它遵循ES6語言規范。ES5，ES6都是腳本語言的規范，JavaScript和TypeScript是兩種腳本語言。JavaScript實現了ES5，TypeScript實現了ES6
需要安裝編譯器compiler，來把TypeScript的代碼轉換成JavaScript的代碼。因為現在很多瀏覽器都沒有支持ES6規范，所以用ES6規范寫出來的代碼並不能在瀏覽器上跑。
安裝npm install -g typescript 之后執行tsc -v看有沒有安裝成功
1、手動編譯
首先找到TypeScript的安裝目錄，我的在”C:\Program Files (x86)\Microsoft SDKs\TypeScript\1.0“。
在 cmd輸入命令：tsc 文件名.ts，回車編譯。
2、設置自動編譯
找到項目文件（*.csproj的文件），編輯打開，找到<Target Name="BeforeBuild">節點，在里面添加如下節點信息：
<Exec Command=""$(PROGRAMFILES)\Microsoft SDKs\TypeScript\1.0\tsc" @(TypeScriptCompile ->'"%(fullpath)"', ' ')" />
或
<Exec Command="tsc$(TypeScriptSourceMap) @(TypeScriptCompile ->'"%(fullpath)"', ' ')" />
3、解析編譯
如果不想在項目中編譯，這需要在頁面添加<script src="typescript.js" />來編譯。
typescript.js文件在 盤符/Program Files(x86)|Program Files/Microsoft SDKs/TypeScript/版本號/typescript.js 。
4、動態編譯
在寫完ts代碼后，按下ctrl+s，右邊視圖區是出現對應編譯后的js腳本。
4.1、找到項目文件，編輯打開
4.2、在<PropertyGroup>並行節點下，添加如下節點信息：
<PropertyGroup Condition="'$(Configuration)' == 'Debug'">
<TypeScriptTarget>ES5</TypeScriptTarget>
<TypeScriptRemoveComments>false</TypeScriptRemoveComments>
<TypeScriptSourceMap>true</TypeScriptSourceMap>
<TypeScriptModuleKind>AMD</TypeScriptModuleKind>
</PropertyGroup>
<PropertyGroup Condition="'$(Configuration)' == 'Release'">
<TypeScriptTarget>ES5</TypeScriptTarget>
<TypeScriptRemoveComments>true</TypeScriptRemoveComments>
<TypeScriptSourceMap>false</TypeScriptSourceMap>
<TypeScriptModuleKind>AMD</TypeScriptModuleKind>
</PropertyGroup>
<Import Project="$(VSToolsPath)\TypeScript\Microsoft.TypeScript.targets" Condition="Exists('$(VSToolsPath)\TypeScript\Microsoft.TypeScript.targets')" />
建議使用第4種編譯方式，雖性能可能有些會下降，但編寫完一段腳本后，按下ctrl+s，右側js視圖立馬可以顯示js腳本。這樣有助於理解TS與JS之間的某種轉換關系，也可以快速加深對TS語法的理解。