vscodeで角度4のAsp.Netコアアプリケーションをデバッグ

Question

私はAngular 4の初心者ですが、Angular 4とAsp.Net Core 2.0で作業するプロジェクトを設定しました。 私の問題は、ビジュアルスタジオコードでF5キーを押したときに、C＃ファイルをデバッグできますが、私のタイプコードはデバッグできないということです。

webのマスターはどうですか？任意の別の方法、または.vscodeフォルダのlaunch.jsonとtasks.jsonの別の設定？

ここでは、プロジェクトのURL：https://github.com/otaviolarrosa/VirtualStore

私launch.jsonファイル：

{ 
"version": "0.2.0", 
"configurations": [ 
    { 
     "name": ".NET Core Launch (web)", 
     "type": "coreclr", 
     "request": "launch", 
     "preLaunchTask": "build", 
     "program": "${workspaceRoot}/VirtualStore/bin/Debug/netcoreapp2.0/VirtualStore.dll", 
     "args": [], 
     "cwd": "${workspaceRoot}/VirtualStore", 
     "stopAtEntry": false, 
     "launchBrowser": { 
      "enabled": true, 
      "args": "${auto-detect-url}", 
      "windows": { 
       "command": "cmd.exe", 
       "args": "/C start ${auto-detect-url}" 
      }, 
      "osx": { 
       "command": "open" 
      }, 
      "linux": { 
       "command": "xdg-open" 
      } 
     }, 
     "env": { 
      "ASPNETCORE_ENVIRONMENT": "Development" 
     }, 
     "sourceFileMap": { 
      "/Views": "${workspaceRoot}/Views" 
     } 
    }, 
    { 
     "name": ".NET Core Attach", 
     "type": "coreclr", 
     "request": "attach", 
     "processId": "${command:pickProcess}" 
    } 
]} 

と私のtasks.jsonファイル：

{ 
// See https://go.microsoft.com/fwlink/?LinkId=733558 
// for the documentation about the tasks.json format 
"version": "2.0.0", 
"tasks": [ 
    { 
     "taskName": "build", 
     "command": "dotnet build", 
     "type": "shell", 
     "group": "build", 
     "presentation": { 
      "reveal": "silent" 
     }, 
     "problemMatcher": "$msCompile" 
    } 
]} 

Answer 1

Angular4アプリをデバッグするための最良の方法ですアプリを実行するブラウザで開発モードでは、Angular4はソースマップファイルを作成します。例えば。 Chromeでは、Angularアプリのパスに似たソースマップを参照できます。ここでブレークポイントを設定することもできます。

角度2+のアプリのための非常にクールなデバッグツールはAugury

だからChromeでVSCODEとあなたの角度アプリで