摘要
在写web页面的时候大家肯定都干过这种事情：先在编辑器里改一个CSS属性，保存再切回浏览器刷新页面看效果。尤其是对于追求像素完美的同学，简直石乐志，大了小了1px都要来回改。
本文介绍了一种让检测文件变化让浏览器自动刷新的办法，无需配置，操作简单。特别是对于屏幕大甚至有双屏三屏四五屏的同学，不要太爽哦！
准备工作
这种方法需要使用chrome浏览器，以及两个npm的包。关于npm不再多说，有大把文章教你怎么安装，还有更换成淘宝的镜像使用cnpm加快下载速度。
先用npm安装两个包
npm install -g anywhere livereloadchrome浏览器安装livereload的插件（点我安装）
搞起
在终端里进入到项目的文件夹，运行
anywhere，一切顺利的话应该自动跑起了一个web server，并且自动在浏览器里打开了index.html。如果默认端口被占用还可以加-p命令运行到指定端口，例如anywhere -p3000再开一个终端进入到项目的文件夹，运行
livereload在chrome浏览器中激活livereload!
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。