保存文件时如何重新加载浏览器窗口

快速简单的方法

我当时在使用香草HTML + JS的网站上工作,但错过了那些快速启动包(例如create-react-app或Vue CLI)提供的最佳功能之一:当我在代码编辑器中保存文件时重新加载页面。

我发现的最简单的方法是安装browser-sync

npm install -g browser-sync

然后在您的项目文件夹中运行它:

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

上面的命令监视当前文件夹(和所有子文件夹)中的所有文件是否有更改,并在端口3000上启动Web服务器,打开浏览器窗口以连接到服务器。

每次更改文件时,浏览器都会刷新。

制作原型时非常有用!