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

Xiaobian to share with you vscode real-time preview effect method, I hope you read this article after the harvest, let us discuss it together!

1. Open VScode, click Expand, enter Live Server in the search box, find the following plug-ins in the search results, and select Install

2. Restart the software after installation to make the plug-in take effect.

3. After restarting, create a new workspace (you can also drag a folder directly to vscode), create an HTML file here for testing, note that a new HTML file dragged into the IDE is not used Live Server, you need to put this HTML file into the workspace (folder) created, after the completion of the new We can see a Go Live on the status bar, click will automatically open the browser and display

Tip: If you have an HTML project before, drag the project root folder directly into VScode and it will be automatically added to the workspace.

If there is no status bar, you can also right-click on the file and select Open With Live Server.

5, next to modify the code, just need ctrl+S to save the modified code, the browser can automatically refresh

After reading this article, I believe you have a certain understanding of the vscode real-time preview effect method, want to know more relevant knowledge, welcome to pay attention to the industry information channel, thank you for reading!

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.