在前端开发中，我们经常需要在本地服务器上实时预览修改后的网页。liveload-cli 是一个 npm 包，可以自动刷新网页，帮助我们在开发过程中提高工作效率。
安装 liveload-cli
使用 npm 可以方便地安装 liveload-cli：
npm install -g liveload-cli
使用 liveload-cli
安装完成后，我们可以在命令行中使用 liveload 命令启动 liveload-cli。需要注意的是，此命令需要在存放我们网页源代码的根目录下启动。
cd path/to/your/project liveload
执行完这条命令后，我们可以在浏览器中访问 http://localhost:35729。如果一切正常，我们应该能看到 liveload 的欢迎页面。接下来，我们需要在项目中嵌入 liveload 的客户端脚本：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- --------- --------------- ------- ------ ---------- ----------- ------- ----------------------------------------------- ------- -------
在这个示例中，我们在网页代码的底部嵌入了一个 JavaScript 文件。这个文件会与 liveload-cli 命令启动的 WebSocket 通信，并监听文件修改事件。当 liveload-cli 接收到文件修改事件后，就会自动刷新浏览器。
自定义 liveload-cli 的端口
liveload-cli 默认在 35729 端口上监听 WebSocket 连接。如果这个端口已经被占用，我们可以使用 --port 参数指定一个不同的端口号：
liveload --port=12345
结语
以上就是 liveload-cli 的基本用法了。使用 liveload 可以获得更高的开发效率，前端开发者可以在项目中充分利用 liveload 的功能，在浏览器预览的同时快速调试和修改代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005517e81e8991b448cecf4