chrome浏览器实时刷新插件(livereload)

2015/4/16 13:50:20 人评论 次浏览 分类:行内元素

Livereload插件--让前端开发者免去重复按下F5

安装说明:

1.下载Livereload插件

   地址:链接:http://pan.baidu.com/s/1i3Xcs7N 密码:pdpw

   注意:Livereload需要插件依赖python开发环境  传送门

2.安装插件

  >1、在浏览器地址栏输入chrome://extensions/ 后按下回车键

  >2、将下载后的插件拖放至浏览器中

  >3、点击添加扩展程序

  >4、 用CMD进入项目所在目录

  >5、输入 npm i livereload -g 命令 注:需要安装node环境 传送门

  >6、输入livereload命令

  >7、打开html文件

  >8、点击浏览器右上角livereload插件图标(黑色刷新符)开启监听

  >9、开启成功现象:原本空心圆点变为实心圆点
 >10、修改html文件按下Ctrl+S键浏览器实时刷新。



演示地址:http://think2011.qiniudn.com/gulp-livereload1.gif

共有访客发表了评论 网友评论