使用VS Code調試TypeScript游戲程序JsTankGame成功！！！

• TypeScript游戲程序JsTankGame不是本人寫的，是從CSDN下載的。

• JsTankGame是用Visual Studio開發的，因此在Visual Studio下調試非常順暢。本人嘗試用Visual Studio Code看看能否調試這個用TypeScript寫的游戲程序。

• 首先解壓JsTankGame到JsTankGameforVSCode文件夾下，啟動Visual Studio Code，打開JsTankGameforVSCode文件夾，如下圖：。
  

• 需要配置settings.json如下：

• {

•   "typescript.tsdk": "node_modules/typescript/lib"
  

• }

• 瀏覽器也不正常：
  

• 配置好settings.json后，按F5進入調試運行，但出現2個錯誤提示：“[debugger-for-chrome] Cannot connect to the target: connect ECONNREFUSED 127.0.0.1:9222”和“未指向有效的 tsserver 安裝。將禁用 TypeScript 語言功能”，如下圖：
  
  

• 如上的提示告訴我們運行TypeScript程序啟動Web 服務器，因此，需要先安裝Web 服務器(live-server)。

• 下載並安裝Web 服務器：

• 1、下載Web 服務器，在cmd命令下輸入：npm install -g live-server

• 2、啟動Web 服務器，在cmd命令下輸入：live-server
  

• 啟動Web 服務器(live-server)后再按F5進入調試：
  

• JsTankGame終於在Visual Studio Code中調試成功了！！！

參考資料

• 哲學驅動設計 - 胡慶訪