幹掉F5，無需配置輕鬆實現瀏覽器頁面自動刷新

摘要

在寫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!
   

完工