Shulou(Shulou.com)06/02 Report--

This article mainly introduces VSCode how to debug Angular program, the article is very detailed, has a certain reference value, interested friends must read it!

What is the use of vscode Visual Studio Code is a cross-platform editor for writing modern web and cloud applications, which runs on OS X web Windows and Linux. It provides developers with built-in support for a variety of programming languages, and as Microsoft pointed out in keynote at the Build conference, this editor also provides rich code completion and navigation features for these languages.

Prepare the tool

Install the Debugger for Chrome plug-in in VS Code.

Configure lanch.json {/ / Use IntelliSense to learn about possible attributes. / / Hover to view descriptions of existing attributes. / / For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [{"type": "chrome", "request": "launch", "sourceMaps": true, "name": "Launch Chrome against localhost", "url": "http://localhost:8080"," webRoot ":" ${workspaceRoot} "}]}

After the configuration is complete, enter the command ng serve in the Angular project directory to start the project, and then you can break the point to debug.

Debug

Press F5 in VS Code to enter debug mode, open the Chrome refresh page, and enter the breakpoint.

The above is all the contents of this article "how to debug Angular programs in VSCode". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.