作為一個前端,主要是寫頁面,但是每次寫完一段代碼,保存,如果想看看剛剛寫的代碼的效果怎樣,還需要到瀏覽器手動刷新,刷新,刷新,刷的手疼了。
所以如果能實現只要在編輯器中保存,瀏覽器自動刷新頁面,那豈不是很棒嘛!!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 擴展程序,使其圓點變為實心即可,到此就完成了,去寫代碼吧!再也不需要自己手動刷新了。

