/

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

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

一個快速和簡單的方法

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

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

1
npm install -g browser-sync

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

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

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

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

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

tags: [“前端”, “開發工具”, “瀏覽器同步”]