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

This article mainly introduces "html how to load live server plug-in" related knowledge, editor through the actual case to show you the operation process, the method of operation is simple and fast, practical, I hope that this "html how to load live server plug-in" article can help you solve the problem.

Live Server introduction

Live Server is a small server with real-time loading capability, and using it for web page development is like modifying a page on the server. At the same time, because it has the function of real-time loading, the page will be refreshed in real time after code modification, and the modification effect of the web page can be seen intuitively.

Installation

Search for Live Server in the plug-in market and click install.

Use

Live Server cannot load individual pages, only folders. You can create a new folder and open it with VSCode. Web page development is about to be carried out in this folder.

When you need to see the effect after writing the code, you can run Live Server in the following ways:

There is a Go Live button in the status bar in the lower right corner, which can be run by clicking (after startup, this button will become port:5500, which means that the server is deployed under the port of localhost:5500. Click this button again to stop running. You can also view the web page directly in the browser by visiting localhost:5500).

The following right-click menu appears after the explorer right-clicks the corresponding html file, and open with Live Server can also start the server (or use instructions to execute it).

Right-click in the code file, you can see the following pop-up menu, similar to the previous method, you can find the ability to start the server. The difference is that this menu also provides a button for Stop Live Server, which allows you to shut down the server (or use instructions).

Note: multiple Live Server can be started at the same time, so the port number is not fixed, but it is usually port 5500. In addition, this port number can be set, which can be set in the VSCode configuration file, which is not discussed in detail here.

Need to pay attention to the pit:

When using Live Server to develop pages, you need to pay special attention to the problem of referencing paths in html and css. Sometimes when there is an error in the reference path, if you open it locally, it will fail, and Live Server will sometimes ignore this error (can be opened successfully). This is not a Live Server problem, but a developer's problem. So after using Live Server to develop the code, it's best to use the local open method to preview the page display.

So much for the introduction of "how html loads the live server plug-in". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

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.