web初学者：前端开发—liveReload（浏览器自动刷新）

本文列举下，如何配置，保存前端代码后，浏览器自动刷新的功能，双屏操作，真的会方便很多，对于前端开发来说，一边写样式，一边看效果，效率翻倍！

在这里我还是要推荐下我自己建的web前端开发学习群：731669587，群里都是学web前端开发的，如果你正在学习前端 ，小编欢迎你加入，今天分享的这个案例已经上传到群文件，大家都是软件开发党，不定期分享干货（只有前端软件开发相关的），包括我自己整理的一份2018最新的前端进阶资料和高级开发教程，欢迎进阶中和进想深入前端的小伙伴。

总体流程：

1.浏览器添加liveReload插件 → 2.Sublime text3端 → 3.终端安装liveReload → 4.运行liveReload → 5.终端安装http-server → 6.运行http-server → 7.浏览器运行

1.浏览器添加liveReload插件

----安装完了要重启一道浏览器，看到右上角有个圈圈，里面有个红色点点，就算成功了

成功样例

2.Sublime text3端

① 安装liveReload插件 → ② 项目公共js添加livereload.js

① 安装liveReload插件：

这个我也不想细讲，不懂自己百度，sublime插件应该都会安装吧

记得在setting里面加一句配置

{"enabled_plugins": ["SimpleReloadPlugin","SimpleRefresh"]}

重启；ok；

3.终端安装liveReload

终端执行一下代码：

npm install -g livereload

4.运行liveReload

终端执行一下代码：

livereload [path]

看到这个35729没得，就是上面引用的，这就算，可以了，好了，下一步

5.终端安装http-server

终端执行一下代码：

npm install http-server -g

6.运行http-server

切到项目下

终端执行一下代码：

http-server

云客秀 专注性价比网站开发