Debugger In VScode

Getting Started

• Install the extension Debugger for chrome
• Config the launch.json
• Start debugging

Launch

1{
2    "version": "2.0.0",
3    "configurations": [
4        {
5            "name": "Launch localhost",
6            "type": "chrome",
7            "request": "launch",
8            "url": "http://localhost/index.html",
9            "webRoot": "${workspaceFolder}/wwwroot"
10        },
11        {
12            "name": "Launch index.html",
13            "type": "chrome",
14            "request": "launch",
15            "file": "${workspaceFolder}/index.html"
16        },
17    ]
18}

Attach

1{
2    "version": "0.1.0",
3    "configurations": [
4        {
5            "name": "Attach to url with files served from ./out",
6            "type": "chrome",
7            "request": "attach",
8            "port": 9222,
9            "url": "<url of the open browser tab to connect to>",
10            "webRoot": "${workspaceFolder}/out"
11        }
12    ]
13}

References