前端不需要刷新頁面 直接看效果 livereload

每次調試CSS或HTML后，都需要手動刷新頁面看效果，無形中占用了很多的編程時間，介紹無需刷新看效果的方法：livereload

 

參考網頁：http://www.alloyteam.com/2012/05/dev-tools-chrome-live-reload/；

注意事項：

   Chrome Store安裝地址:https://chrome.google.com/webstore/detail/pccddenngcbofbojodpghgpbheckgddn

  Github項目地址: https://github.com/rehorn/chrome-live-reload

chrome瀏覽器=》右上角設置=》左邊擴展程序 能打開webstore的在線安裝

（或通過git下載，將下載后的live-reload-0.2.1.crx文件直接拉入chrome擴展文件中自動安裝）

 

同時配置:

preference => livereload => settings Users

{
    "enabled_plugins": [
        "SimpleReloadPlugin",
        "SimpleRefresh"
    ]
}

 

啟用：

sublime ctrl+shift+p => enable / disable livereload => Enable simple reload

注意：

1. 將右上角的插件圖標開啟

 

由於 chrome 安全機制，暫不支持通過 file:// 打開的頁面

（需本地環境，通過localhost打開）