如何在保存文件時重新加載瀏覽器窗口

一個快速和簡單的方法

我正在使用原生的 HTML + JS 開發網站，然而我錯過了一些像是 create-react-app 或者 Vue CLI 這些快速啟動包提供的最好功能之一：在我保存文件時重新加載頁面。

我找到的最簡單的方法是安裝 browser-sync：

npm install -g browser-sync

然後在您的項目文件夾中運行它：

browser-sync start --server --files "."

上述命令將監視當前文件夾（包括所有子文件夾）中的所有文件的變化，並在端口3000上啟動一個Web服務器，打開一個瀏覽器窗口以連接到該服務器。

每當您更改一個文件時，瀏覽器將自動刷新。

在原型設計期間非常有用！