作為一個前端，主要是寫頁面，但是每次寫完一段代碼，保存，如果想看看剛剛寫的代碼的效果怎樣，還需要到瀏覽器手動刷新，刷新，刷新，刷的手疼了。

所以如果能實現只要在編輯器中保存，瀏覽器自動刷新頁面，那豈不是很棒嘛！！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 實現前端頁面自動刷新