VSCode调试Angular

在VSCode 中安装“Debugger for Chrome”拓展程序。

用 VSCode 打开项目目录，创建launch.json文件。

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:4200",
            "sourceMaps": true,         //开启调试
            "webRoot": "${workspaceFolder}"
        }
    ]
}

 使用 ng serve 命令启动项目，然后点击【开始调试】按钮启动调试。