前言
在前端开发中，我们经常需要手动刷新浏览器来查看修改后的效果，而这将会浪费我们很多的时间。为了提高前端开发效率，有一个工具可以帮助我们实现自动刷新页面的功能，那就是 livereload2 。
livereload2 是一个基于 Node.js 实现的自动刷新工具，可以快速实现自动刷新页面的功能，提高开发效率。本文将介绍如何使用 npm 包 livereload2 实现自动刷新页面的功能。
安装
安装 livereload2 很简单，只需要使用 npm 命令即可安装全局和本地版本。
全局安装：
npm install -g livereload
本地安装：
npm install livereload --save-dev
使用
在完成安装之后，我们就可以使用 livereload2 进行自动刷新了。在项目中，我们需要在 HTML 页面中引入一个 JavaScript 文件，这个文件就是本地安装的 livereload2。
在页面底部添加以下代码：
<script src="http://localhost:35729/livereload.js"></script>
然后在命令行中输入以下命令：
livereload
livereload2 将会启动一个监听器，监控我们项目中相应的文件，一旦有修改，就会自动刷新浏览器。
示例代码
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ------------------ ------------ ------- ------ --------- ----------- ------- ---------------------------------------------------- ------- -------
总结
livereload2 是一个非常好用的自动刷新工具，可以快速提高前端开发效率。在使用 livereload2 的时候，我们需要保证本地安装和引入的 JavaScript 文件的正确，并且在命令行中输入正确的命令来启动监听器。
希望本文对您有所帮助，如果有任何问题或建议，可以在评论区留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/76706