[指南] 運用 BrowserSync 來重整頁面 達成 Hot Reload

章節連結

在使用 Visual Studio Code ( VS Code ) 內的 Preview on web server 套件時,發現其背後用的套件就是 BrowserSync 。由於 Preview on web server 中沒有辦法自定義 Server 的啟動位置(一律都為資料夾根目錄),所以就用 npm 去下載原生的套件來作開發使用。
browsersync chrome


步驟

1. 首先使用 npm 工具,全域情況下安裝。

2. 在專案的根目錄中,執行以下指令:

3. 預設的開啟 port 是 3000,至於 BrowserSync 的 UI 設定介面是開在 3001。詳細的使用方法,可以上官網查看。
browserSync

按讚加入粉絲團

延伸閱讀

GA瀏覽人氣:2