Live Server 應該是在做網站前端開發的人都會裝的套件，只要安裝後將頁面用 live server 打開：
接下來只要檔案一儲存，就可以看到瀏覽器上面的內容即時更新了。
不過因為是 "Server" 的概念，記得一定要把 VS Code 開啟指定的資料夾，VS Code 的 Liver Server 就會以該資料夾為根目錄來，所以只要不是在指定的資料夾內，就沒辦法使用這個功能預覽喔。
Java 之於 JavaScript 的關係，就如同狗和熱狗。
Live Server 應該是在做網站前端開發的人都會裝的套件，只要安裝後將頁面用 live server 打開：
接下來只要檔案一儲存，就可以看到瀏覽器上面的內容即時更新了。
不過因為是 "Server" 的概念，記得一定要把 VS Code 開啟指定的資料夾，VS Code 的 Liver Server 就會以該資料夾為根目錄來，所以只要不是在指定的資料夾內，就沒辦法使用這個功能預覽喔。
![[Chrome 擴充功能] Bitly 一鍵產生縮網址的擴充功能](/assets/upload/1639098800147_0.jpg)
![[Chrome 擴充功能] JSON Viewer 讓你檢視 API 可以更方便](/assets/upload/1639203609765_0.jpg)
![[VS Code 擴充套件] Live Server- 讓網頁在開發的時候可以即時看到更新狀態](/assets/upload/1661686281233_0.jpg)
![[VS Code 擴充套件] vscode-pets 在 VS Code 上面養個寵物吧](/assets/upload/1664587659139_0.jpg)
