How to debug Angular app in Visual Studio Code

Ashish Khare 9/16/2020 03:42:00 pm Angular , Debug , VSCode No comments

To debug Angular app into Visual Studio Code Please flow below step:

Note: These are only one time activity

Lets start your Code Editor

Step 1 - Goto Extension options OR Press - Ctrl + Shift + X

Step 2 - Type on Search - "Debugger for Chrome"

Step 3 - Click on install - it will message - This extension is enabled globally.

Step 4 - Now Press F5 and Select Chrome from option list

Step 5 - It will create launch.json file, now update URL for your running app like below

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

That's it. you are ready to debug your angular app.

Remember run your app with ng serve command.

Now put break point where ever you want (before row number) and enjoy!!!

Subscribe Us