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

Editor to share with you how to use vscode debugging, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to understand it!

1. Configure launch.json

Do not rush to try after configuring here, because when you click the green start button to debug and start, you will find that the page does not open, which is just a hint of browser link failure.

At this point, we need to install server plug-ins such as apache and iis to support the page to run and display in the simulated server.

2. Install the plug-in [Live Server]

This is the plug-in that the above-mentioned support page runs in the simulation server, as shown in the figure:

After installation, if there is a [reload] prompt on the left, click this button to reload.

3. Open the html page to debug and test

When the basic work is ready, there are two debugging modes:

Debug using local static pages:

Select the test options you configured, open the page to be debugged, and press F5 to start debugging, as shown in the figure:

Debug using the server form:

At this point, the live server we installed will come in handy. Also open the page to be debugged, right-click on the stand-alone anywhere on the page, and select "Open with live server", as shown in the figure:

Done!

These are all the contents of the article "how to use vscode to debug". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more 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.