how to use visual studio code for angular 7

when we create new angular application we get packages.json and remaining dependencies for run angular ap. I want to debug my angularjs application with the visual studio code same like angular app. vscode folder in your project which includes a configuration to launch the website. this will create a launch.json file in a new. choose web app (edge) from the select debugger dropdown list. To do so, go to the run and debug view ( ctrl shift d) and select the create a launch.json file link to create a launch.json debugger configuration file. command 2: will create a boilerplate template code using “ng” which is angular cli. in our case, it is c drive and folder name. command 1: will change the current directory to the project directory. Step 2: follow the commands below to create an angular application using angular cli. you can now inspect variables and step through the code. the debug controls should be viewable to allow you to continue, step over the line, or go into the line you’re on. Chrome will open in a new window and the breakpoint in should be hit in vs code. Now, in vs code, if you click run button on the left side (or ctrl shift d), you will have a debugging environment like this, run the app from the angular cli (very important, otherwise the debugging will not work) by command, ng server o you will see the app running, now, set your breakpoint, and run debug. this extension is provided by microsoft create a new angular 8 application using cli we can create a new angular application using cli ng new angulardebugger after some time, all the node packages will be created successfully.

search for “debugger for chrome” and install the extension. Open extension menu in visual studio code. Easily Debug Angular 8 Application In Visual Studio Code

How to use visual studio code for angular 7