前端不需要刷新页面 直接看效果 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打开）

转载于:https://www.cnblogs.com/zhu-shixin/p/6368710.html