Scribd
Upload
67 views

How To Debug Angular Application in Visual Studio Code

This document provides steps to debug an Angular application hosted on IIS in Visual Studio Code. It involves installing the Debugger for Chrome extension, configuring the launch.json file to specify the app to debug, building the app using ng build, creating a virtual directory in IIS pointing to the built app's dist folder, and setting breakpoints to debug when starting the app from IIS.

Uploaded by

deepanshugabba
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
67 views

How To Debug Angular Application in Visual Studio Code

This document provides steps to debug an Angular application hosted on IIS in Visual Studio Code. It involves installing the Debugger for Chrome extension, configuring the launch.json file to specify the app to debug, building the app using ng build, creating a virtual directory in IIS pointing to the built app's dist folder, and setting breakpoints to debug when starting the app from IIS.

Uploaded by

deepanshugabba
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 1

HOW TO DEBUG ANGULAR APPLICATION

IN VISUAL STUDIO CODE (VSC) ON IIS


HOSTING
1. Launch the whole project in VSC.
2. Make sure that Debugger for Chrome is already installed in VSC.
3. Click on Debug button on top bar and select Chrome from the opened list.
4. Next, the launch.json file will be created in the .vscode folder and will be loaded in VSC.
5. Edit the launch.json file as shown in the below image.

Here app2 is the name of the Angular application to be debugged.


6. Now, click on TASKS in the top bar followed by clicking on the CONFIGURE DEFAULT BUILD
TASK.
7. Next, Click on Tasks -> RUN TASK -> Select Ng Build.
8. Go to IIS and create a virtual directory with the path set to the dist folder of the app such
as : E:\Angular Projects\app1\dist
9. Now, launch the app from the IIS.
10. To debug it, set the breakpoint, click on DEBUG button -> START DEBUGGING.

You might also like