AngularをVSCodeでデバッグする方法

デバッグ設定
デバッグ実行

デバッグ設定

Angularのプロジェクトフォルダ直下にある.vscodeフォルダ内の、launch.jsonにデバッグ時の設定があります。
基本的にデフォルトの設定で問題ないです。ポート番号やブラウザなどを変えたければ変えればいい感じです。

{
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "name": "ng serve",
      "type": "pwa-chrome",
      "request": "launch",
      "preLaunchTask": "npm: start",
      "url": "http://localhost:4200/"
    }
  ]
}