如何在Visual Studio代碼中調試客戶端？

根據Microsoft Documentation，Visual Studio代碼調試器應該能夠調試打字稿和javascript。如何在Visual Studio代碼中調試客戶端？

問題在於，它們僅提供使用節點或python的服務器端應用程序示例。智能感知只建議服務器語言。

是否可以使用Visual Studio代碼調試器調試客戶端打字稿或JavaScript應用程序？

launch.json

{ 
    // Use IntelliSense to learn about possible Node.js debug attributes. 
    // Hover to view descriptions of existing attributes. 
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 
    "version": "0.2.0", 
    "configurations": [ 

     { 
      "type":"node"  <-- what if I'm building a JS/TS app? 
      "request": "launch", 
      "name": "Launch Program", 
      "program": "${file}", 
      "outFiles": [ 
       "${workspaceRoot}/out/**/*.js" 
      ] 
     } 
    ] 
}

來源

2017-06-22 Kokodoko

查看我的答案在這裏https://stackoverflow.com/questions/40045078/vscode-gulp-grunt-script-running-vscode-chrome-debugger-extension/40096464#40096464使用鉻調試器擴展。 – Mark

您必須安裝瀏覽器的調試器擴展的一個（或多個）：Chrome，Firefox，iOS Web或Edge。

然後你可以使用啓動配置這樣的Chrome瀏覽器：

{ 
    "type": "chrome", 
    "request": "launch", 
    "name": "Launch Chrome", 
    "url": "http://localhost:8080", 
    "webRoot": "${workspaceRoot}" 
}

根據您建立工作流程，你可能必須做一些額外的步驟獲得源映射到工作。

來源

2017-06-24 06:56:18 Jais

謝謝！太棒了！ – Kokodoko

如何在Visual Studio代碼中調試客戶端？

回答

相關問題