择要

在写web页面的时刻人人肯建都干过这类事变：先在编辑器里改一个CSS属性，保留再切回浏览器革新页面看结果。尤其是关于寻求像素圆满的同砚，几乎石乐志，大了小了1px都要往返改。

本文引见了一种让检测文件变化让浏览器自动革新的要领，无需设置，操纵简朴。特别是关于屏幕大甚至有双屏三屏四五屏的同砚，不要太爽哦！

准备工作

这类要领须要运用chrome浏览器，以及两个npm的包。关于npm不再多说，有大把文章教你怎样装置，另有更换成淘宝的镜像运用cnpm加速下载速率。

1. 先用npm装置两个包 npm install -g anywhere livereload

2. chrome浏览器装置livereload的插件（点我装置）

搞起

1. 在终端里进入到项目的文件夹，运转anywhere，一切顺利的话应当自动跑起了一个web server，而且自动在浏览器里打开了index.html。假如默许端口被占用还能够加-p敕令运转到指定端口，比方anywhere -p3000

2. 再开一个终端进入到项目的文件夹，运转livereload

3. 在chrome浏览器中激活livereload!
   

落成