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

This article will explain in detail how to run the front-end code on vscode. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

Generally speaking, after we install VsCode, we need to install a lot of plug-ins to make vscode support related functions. Let's take a look at how vscode runs the front-end code.

Vscode can install static web server Live Server to run front-end code to facilitate debugging. The latest Live Server already supports php dynamic pages.

The installation method is to click the fifth icon on the left, open the "extension" page, type Live Server in the text box, click the first search result, click install on the right page, and wait for the installation to complete.

To run, select the project and click the Go live button in the toolbar at the bottom of the screen. Click again to stop running the server.

Live Server has some default configuration options that users can modify. Click File-> preferences-> Settings to find Live Server Config on the right page, which lists the configuration properties of this plug-in. Copy it to the right, modify the property value, and click Save.

For example, by modifying the default port, you can copy the following code to the user settings on the right side of the page:

"liveServer.settings.port": 5501 this is the way to run front-end code on vscode. I hope the above can be helpful and learn more. If you think the article is good, you can share it for more people to see.

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.