Debugging in VS Code

19 Nov 2017

Open the Extensions view (Ctrl+Shift+X). When the extension list appears, type 'chrome' to filter the list and install the Debugger for Chrome extension.

Add a configuration file “launch.json” in .vs folder. You can use VS Code menu bar -> Debug -> Add Configuration.

launch.json should look like below at the minimmum.


"version": "0.2.0",

"configurations": [


"type": "chrome",

"request": "launch",

"name": "Launch Chrome",

"url": "http://localhost:4200"




Type and request should be as given. You can choose any name and webRoot should contain physical path