使用VS Code調試TypeScript遊戲程序JsTankGame成功!!!

  • TypeScript遊戲程序JsTankGame不是本人寫的,是從CSDN下載的。html

  • JsTankGame是用Visual Studio開發的,所以在Visual Studio下調試很是順暢。本人嘗試用Visual Studio Code看看可否調試這個用TypeScript寫的遊戲程序。
  • 首先解壓JsTankGame到JsTankGameforVSCode文件夾下,啓動Visual Studio Code,打開JsTankGameforVSCode文件夾,以下圖:。
    圖1node

  • 須要配置settings.json以下:
  • {
  • "typescript.tsdk": "node_modules/typescript/lib"
  • }
  • 瀏覽器也不正常:
    圖1chrome

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

    圖3typescript

  • 如上的提示告訴咱們運行TypeScript程序啓動Web 服務器,所以,須要先安裝Web 服務器(live-server)。
  • 下載並安裝Web 服務器:
  • 一、下載Web 服務器,在cmd命令下輸入:npm install -g live-server
  • 二、啓動Web 服務器,在cmd命令下輸入:live-server
    圖4npm

  • 啓動Web 服務器(live-server)後再按F5進入調試:
    圖5json

  • JsTankGame終於在Visual Studio Code中調試成功了!!!瀏覽器

參考資料

相關文章
相關標籤/搜索