Microsoft/vscode

@arunkumar413 for web app debugging, install any of these extension:

1. https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-edge (if you have new chromium based edge, almost same as running chrome)
2. https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome (if you have chrome)

Click on run button on side bar (triangle with bug icon)
create launch configuration, it will automatically create based on debugger extension you installed.
"version": "0.2.0", "configurations": [{ "type": "chrome", "request": "launch", "name": "Launch Chrome against localhost", "url": "http://localhost:8080", "webRoot": "${workspaceFolder}" }, { "name": "Launch Edge", "request": "launch", "type": "pwa-msedge", "url": "http://localhost:4200", "webRoot": "${workspaceFolder}", "sourceMaps": true, "skipFiles": [ "${workspaceFolder}/node_modules/**/*.js", "${workspaceFolder}/node_modules/**/*.es6.js", "${workspaceFolder}/node_modules/", "<node_internals>/**/*.js", "${workspaceFolder}/lib/**/*.js", } ] }

then run you web app as you usually do.
select the debugger and then launch to open a debug session.

Does this also debug the server side code?