VSCode学习：Debug Angular in Chrome_launch chrome against localhost

• Debug Angular in Chrome

• 在VSCode里安装Debugger for Chrome： 按 Extensions 按钮（下图高亮部分），找到 Debugger for Chrome，安装

• Launch Chrome against localhost

1. Launch Chrome against localhost，在 launch.json里添加如下配置，注意 "trace": true 可以帮助生成log文件。

{
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:4200",
            "webRoot": "${workspaceFolder}",
            "trace": true
        }

• Attach Chrome against localhost

1. 需要先以debug模式启动Chrome："C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --remote-debugging-port=9222
2. 在launch.json里添加如下配置:

 {
            "type": "chrome",
            "request": "attach",
            "name": "Attach Chrome against localhost",
            "port": 9222,
            "webRoot": "${workspaceFolder}",
            "trace": true
        }

  3. debug 时选择 对应attach的配置：如下