[VS Code] TSC 編譯器 和 VS Code 的語言服務之間版本不符

繼上篇 [Angular 2] Angular 2 新手入門-環境部署後,我發現自己的程式碼一直出現紅色毛毛蟲,
且每次打開資料夾都會顯示「偵測到全域安裝的 TSC 編譯器 (2.0.3) 和 VS Code 的語言服務 (1.8.10) 之間版本不符。這可能會導致編譯不一致的錯誤。」這個錯誤訊息。

如下圖,

點選「詳細資訊」的官方說明,有提到VS Code 預設使用stable 版本的 TypeScript,若要改成新版本的 TypeScript,就需要調整VS Code 的設定檔,

首先,點選「喜好設定>工作區設定」,

接著修改設定(settings.json),讓VS Code 去讀最新版本的 TypeScript,

// 將您的設定放入此檔案中以覆寫預設值和使用者設定。
{
   "typescript.tsdk": "node_modules/typescript/lib"
}

最後,記得重開VS Code (這邊本人鬼打牆很久,想說明明都設定好了,為何還是壞的!!),就大功告成啦!!

 

後記:

後來在查資料的時候,發現保哥早就已經提醒過大家會有這個問題「如何修改 Visual Studio Code 內建的 TypeScript 版本」,且還有更清楚的解釋,為何會出現紅色毛毛蟲。