背景：
平時寫網頁時，只有寫完代碼，然后保存，接下來到瀏覽器中刷新查看效果，然后不停重復，我們發現很多時間就這樣浪費到了這三個步驟上，用戶體驗很差。
可以通過以下方法實現自動刷新網頁，實時預覽
一、VSCode 設置網頁代碼實時預覽
安裝插件 Live Server，然后右鍵點擊 Open with Live Server 即可在瀏覽器打開文件，此時修改文件內容，瀏覽器會在文件保存時觸發刷新操作，實現實時預覽效果。
二、使用 codepen 網站
codepen 網站有一個功能，就是寫完代碼時，可以自動實時預覽網頁效果
網站鏈接：https://codepen.io/
原文地址：
https://www.ryanzoe.top/vscode/web-page-live-preview/