In addition to Weibo, there is also WeChat
Please pay attention
WeChat public account
Shulou
2025-01-25 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Internet Technology >
Share
Shulou(Shulou.com)06/02 Report--
This article mainly introduces vscode how to preview the web page, the article is very detailed, has a certain reference value, interested friends must read it!
How does vscode preview web pages?
VSCode Settings Web Code Live Preview
Recommended tutorial: vscode tutorial
I. Setting Description
1. VSCode as a very good development software, compared to DW is smaller, used to test the front end is particularly good, then we usually develop web pages found only to write the code, and then save, then refresh to view the effect in the browser, and then keep repeating, we found that a lot of time is wasted on these three steps.
2. In fact, we can configure a web server in VSCode. After modifying the code, we only need to save the code browser to preview it in real time.
II. Operation steps
1. Open VScode and click the last one in the Coordinates toolbar to install the plugin.
2. If the toolbar on the left is not displayed, you can also find Extensions in View to enter the plugin installation.
3. Enter Live Server in the search box, find the following in the search results, select Install
4. Installation complete requires a restart of the software plug-in to take effect
5. After restarting, create a new workspace (you can also drag a folder directly to vscode), create an HTML file here for testing, note that dragging a new HTML file into the IDE alone is not using 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.
6. If there is no status bar, you can also right-click on the file and select Open With Live Server.
7. Next to modify the code we just need ctrl+S to save the modified code, browser automatically refresh...
The above is "vscode how to preview the web page" all the content of this article, thank you for reading! Hope to share the content to help everyone, more relevant knowledge, welcome to pay attention to 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.
Views: 263
*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.
Continue with the installation of the previous hadoop.First, install zookooper1. Decompress zookoope
"Every 5-10 years, there's a rare product, a really special, very unusual product that's the most un
© 2024 shulou.com SLNews company. All rights reserved.