作为一个前端，主要是写页面，但是每次写完一段代码，保存，如果想看看刚刚写的代码的效果怎样，还需要到浏览器手动刷新，刷新，刷新，刷的手疼了。

所以如果能实现只要在编辑器中保存，浏览器自动刷新页面，那岂不是很棒嘛！！So convenient~~

所以本文介绍如何实现浏览器自动刷新。

1、需要安装：

　　livereload，Chrome 安装这个扩展程序

　　然后，window 用户需要还需要下载安装个客户端， http://livereload.com/

　　最后，使用 npm 全局安装 http-server

2、安装完所需的程序，该实现自动刷新了：

　　首先，cmd 命令行，进入开发目录，$ http-server，在浏览器 http://localhost:8080/，就可以访问到页面了，注意额，默认是 index.html 哦！

　　然后，打开所安装的客户端，把需要自动刷新的目录 add 进来

　　最后，使 Chrome 连上 http-server，点击所安装的 livereload 扩展程序，使其圆点变为实心即可，到此就完成了，去写代码吧！再也不需要自己手动刷新了。

Chrome 实现前端页面自动刷新