Type Script在Visual Studio 2013中的一些問題

標籤：

◆ TypeScript在vs2012下的問題

TypeScript對VS2012支援度比較低，建議升級為VS2013版本。

 

◆ 在VS2013中無法建立TypeScript項目

VS2013預設不支援TypeScript。

需要在【工具】-【擴充和更新】中安裝TypeScript，目前為止(2015年9月16日)for VS2013的最新版TS為1.5版本，但是實測有一些問題，建議安裝比較穩定的1.4版本

 

◆ 編譯提示“TypeScript\1.4\1.4\tsc.exe 無效”的問題

解決方案：

1、進入目錄 C:\Program Files (x86)\MSBuild\Microsoft\VisualStudio\v12.0\TypeScript 

2、將 Microsoft.TypeScript.targets 檔案複製到其他路徑，開啟編輯

3、將第三個TscToolPath這行屏蔽掉，儲存，複製回原路徑，覆蓋即可（或需管理員權限）。

1 <PropertyGroup>2     <TypeScriptToolsVersion Condition="‘$(TypeScriptToolsVersion)‘==‘‘">1.4</TypeScriptToolsVersion>3     <TscToolPath Condition="‘$(TscToolPath)‘ == ‘‘">$(MSBuildProgramFiles32)\Microsoft SDKs\TypeScript</TscToolPath>4     <TscToolPath Condition="‘$(TypeScriptToolsVersion)‘ != ‘‘">$(TscToolPath)\</TscToolPath>5     <!-- <TscToolPath Condition="‘$(TypeScriptToolsVersion)‘ != ‘‘">$(TscToolPath)\$(TypeScriptToolsVersion)</TscToolPath>-->6     <TscToolExe Condition="‘$(TscToolExe)‘ == ‘‘">tsc.exe</TscToolExe>7     <TscYieldDuringToolExecution Condition="‘$(TscYieldDuringToolExecution)‘ == ‘‘">true</TscYieldDuringToolExecution>8   </PropertyGroup>

詳見：Bad path when installing TypeScript 1.4 for Visual Studio 2013 #3493

 

◆ 如何調整TypeScript的編譯目標版本

解決方案：

VS-【項目】-【屬性】-【TypeScript產生】-【General】-【ECMAScript version】-選擇相應的ECMA版本即可(目前僅支援-3，-5，-6)

 

◆ 將編譯目標改為ECMAScript 6出現“...lib.es6.d.ts 未找到”的錯誤

解決方案：

1、去這裡下載最新版定義檔案，地址：https://github.com/Microsoft/TypeScript/blob/release-1.4/bin/lib.es6.d.ts

2、下載後粘貼到 C:\program files(x86)/Microsoft SDKs/TypeScript/1.4 檔案夾內即可（或需要管理員權限）

詳見：how to use lib.es6.d.ts?I try to use some method of es6？but it just go error! #1582

 

◆ 無法使用TypeScript 1.4的新特性（如等位型別,type關鍵字等）

解決方案：

1、卸載所有其他版本的TypeScript。重新安裝要使用的版本(我這裡使用的1.4穩定版)

2、進入cmd命令列，執行 tsc -v 查看結果是否為當前安裝的版本號碼

3、如果不是當前安裝的版本，則重啟電腦再次查看版本

4、如果依然不是目前的版本則在cmd執行 set %PATH% 查看當前系統的環境變數，是否有包含其他TypeScript版本的路徑，如果有則修改環境變數

5、修改環境變數方法：【電腦】-【右鍵屬性】-【進階系統設定】-【進階】-【環境變數...】-【系統變數】-【PATH】-【編輯】修改儲存即可，或可能重啟生效

6、若已經為當前安裝版本且VS安裝了ReSharper外掛程式的情況下。

7、VS-【ReSharper】-【Option】-【Code Inspection】-【Settings】-【File masks to skip】-【Add】-輸入 *.ts -儲存

8、TypeScript1.4的新特性均可正常使用。

9、造成上述原因為ReSharper9目前最高僅支援TypeScript1.3文法，遂只能暫時屏蔽掉ReSharper提供的只能感知功能。

10、若仍然無法使用，或是並沒有安裝ReSharper外掛程式的話，請留言

詳見：Typescript 1.4: Wrong syntax highlighting in Visual Studio

 

Type Script在Visual Studio 2013中的一些問題