wqpenter.blogg.se - Using visual studio code debug feature guide

Run the VS Code debugger “launch” job against the app (by clicking the green arrow in the Debug view).Launch the Angular app separate from the debugger (such as by running “ng serve” from the command line).vscode/ launch.json file (example below).

Set an appropriate config spec in the.

Create a launch.json config file (by clicking the gear icon in the Debug view).

Install the Debugger for Chrome extension in VS Code.

Make sure VS Code, Google Chrome, and all the Angular parts are already installed.

(This guide is really helpful for other VS Code Angular topics, too.) The basic steps are: To set up debugging, simply follow the steps in the Debugging Angular section of the official Using Angular in VS Code guide.

Their powers combined let you not only develop Angular app code but also debug it through the editor! VS Code debugging even works for TypeScript. Visual Studio Code is a great source code editor. Angular is a great front-end framework for web apps.