Angular2のデバッグについて(Visual Studio Code)

Question

###前提・実現したいこと
Visual Studio Codeを利用してAngular2の開発を行いたいと考えておりますが、ステップ実行の方法が分からずに困っています。
launch.jsonは下記の通り、設定していますがやはり起動programはlite-serverではない、という事なのでしょうか。
既にステップ実行に成功している方がいらっしゃいましたら、教えて頂けると幸いです

###該当のソースコード

launch.json
{
  "version": "0.2.0",
  "configurations": [
    {
        "name": "Launch edge",
        "type": "edge",
        "request": "launch",
        "url": "http://localhost/my-app",
        "runtimeArgs": [
            "--new-window", //Open in new window
            "--user-data-dir=C:/dev/", 
            "--remote-debugging-port=9222" 
        ],
        "webRoot": "${workspaceRoot}", 
        "sourceMaps": true
    },
    {
      "name": "node 起動",
      "type": "node",
      "request": "launch",
      "program": "${workspaceRoot}/node_modules/lite-server/bin/lite-server",
      "stopOnEntry": false,
      "args": [],
      "cwd": "${workspaceRoot}",
      "preLaunchTask": null,
      "runtimeExecutable": null,
      "runtimeArgs": [
        "--nolazy"
      ],
      "env": {
        "NODE_ENV": "development"
      },
      "externalConsole": false,
      "sourceMaps": true,
      "outDir": null
    ]
}

###試したこと
Apache上に配置して正常に稼働する事は確認済みです。また、Nodeのlite serverを利用してVisual Studio Codeより該当のアプリケーションが起動できることも確認済みです。
他の手段として、extentionをインストールしてedgeでの起動も試してみましたが、こちらも上手くデバッグできませんでした。

###補足情報(言語/FW/ツール等のバージョンなど)
angular2 TypeScript

Answer 1

解決しました。
問題だったのは、extensionのedgeの方だったようです。extensionのchromeで起動すると問題なくデバッグ出来る様になりました。

修正版のlaunch.json

 {
   "name": "Launch chrome",
   "type": "chrome",
   "request": "launch",
   "url": "http://localhost/webOrderSystem",
   "runtimeArgs": [
      "--new-window", //Open in new window
      "--user-data-dir=C:/xampp/htdocs/webOrderSystem ", 
      "--remote-debugging-port=9222" 
    ],
    "webRoot": "${workspaceRoot}", 
    "sourceMaps": true
},