background:
Usually when writing web pages, only finished code, and then save, then refresh your browser to see the effect, then keep repeating, so we found a lot of time to waste on these three steps, the user experience is poor.
Can automatically refresh the page by the following methods, real-time preview
A, VSCode settings page code real-time preview
Install the plug Live Server, and then right-click Open with Live Server to open the file in a browser, then modify the contents of the file, the browser will trigger the refresh when the file is saved, real-time preview.
Second, the use codepen website
codepen site has a function, that is, when the finished code, automatic real-time preview the page effect
Web Links: https://codepen.io/
Original Address:
https://www.ryanzoe.top/vscode/web-page-live-preview/