Home > Development Tools > VSCode > body text

How to debug code with vscode

王林
Release: 2019-12-12 17:42:42
Original
7149 people have browsed it

How to debug code with vscode

First install the extended debugging plug-indebugger for chrome

How to debug code with vscode

Click the ladybug button to debug the project Configuration, click the configuration button

How to debug code with vscode

Select the Chrome environment

How to debug code with vscode

##The Chrome debugging configuration file launch.json will pop up, modify it The port can be

How to debug code with vscode

#If there is no lauch.json configuration file generated, you can also open the configuration file in the following way. Select Add Configuration

How to debug code with vscode

Then select Chrome: Launch and modify the port

How to debug code with vscode

Open the project and use ctrl ` [Note that the ` is on the Tab key] Enter ng serve to start the project

How to debug code with vscode

to switch to the ladybug interface. For example, we set a break in app.component.ts Click

How to debug code with vscode

to start the debugging button, and the browser page will automatically pop up

How to debug code with vscode

After refreshing the page, you will find that the program is running At the breakpoint location

How to debug code with vscode

# we can view variables, capture exceptions, call stacks and other debugging.

Recommended related articles and tutorials:

vscode tutorial

The above is the detailed content of How to debug code with vscode. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template