VSコードのデバッグASP.NET + Chrome

Question

ASP.NET CoreのサーバーコードとChromeのJSファイルを使用してソリューションをシームレスにデバッグできるようにすることは可能ですか？

何か完全なVSで利用できるもの（残念なことにIEのみ）。 JSファイルとCSファイルの両方にブレークポイントを置くことができます。

ありがとうございました！

Answer 1

ASP.NETコアアプリケーション用にもう1つの構成を作成します（Debugger for Chrome拡張が必要です）。次にcomposite launch configurationを作成します。

複合構成を使用してデバッグを開始すると、ASP.NETコードと同じVisual StudioコードインスタンスのJavascript/Typescriptコードをデバッグできます。また、各設定を手動で起動することもできます。

あなたlaunch.jsonファイルは（myappに呼ばれるASP.NET Coreアプリケーションで）次のようになります。

{ 
    "version": "0.2.0", 
    "compounds": [ 
     { 
      "name": "Browser/Server", 
      "configurations": [ 
       "Server", 
       "Browser" 
      ] 
     } 
    ], 
    "configurations": [ 
     { 
      "name": "Server", 
      "type": "coreclr", 
      "request": "launch", 
      "preLaunchTask": "build", 
      "program": "${workspaceRoot}/bin/Debug/netcoreapp1.1/myapp.dll", 
      "args": [], 
      "cwd": "${workspaceRoot}", 
      "env": { 
       "ASPNETCORE_ENVIRONMENT": "Development" 
      }, 
      "sourceFileMap": { 
       "/Views": "${workspaceRoot}/Views" 
      } 
     }, 
     { 
      "name": "Browser", 
      "type": "chrome", 
      "request": "launch", 
      "url": "http://localhost:5000", 
      "webRoot": "${workspaceRoot}/wwwroot" 
     }, 
    ] 
}