VSCode調試Angular+TypeScript項目

步驟一：安裝Debugger for Chrome插件

步驟二：配置launch.json

"version": "0.2.0",
    "configurations": [
        {
            "name": "Launch Program",
            "type": "chrome",
            "request": "launch",
            "url": "http://localhost:4200",
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}",
            "trace": true,
            "userDataDir": "${workspaceRoot}/.vscode/chrome",
            "runtimeExecutable": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe"
        }
    ]

注：runtimeExecutable配置項爲chrome安裝位置
步驟三：ng serve啓動項目
步驟四：以Debugger方式在瀏覽器運行項目