码迷,mamicode.com
首页 > 其他好文 > 详细

前端开发利器 livereload -- 从此告别浏览器F5键

时间:2016-08-09 13:30:38      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:

各位从事前端开发的童鞋们,大家每天coding && coding,然后F5 && F5,今天推荐一个静态文件在浏览器中自动更新的扩展 livereload,不同手动刷新也能实时预览新代码构建的页面。

软件准备:
1.新版的sublime text(sublime text 2 无法下载livereload插件)
  下载地址 https://www.sublimetext.com/3
  新版本安装配置说明 https://www.douban.com/note/474507021/
  下载livereload插件
2.chrome扩展livereload
  无法FQ 手动下载 http://www.chromein.com/search_livereload_1.html

本地任意静态html || css || js文件

开始使用:
看图说话~~~~

技术分享

chrome扩展livereload需要选择文件地址

 

技术分享

技术分享

sublime插件启动 && chrome开启livereload扩展,chrome中插件图标为实心是为启动状态,空心为关闭状态

 

技术分享

sublime中文件连接chrome成功标示

 

效果预览:

技术分享

大家愉快地开始工作吧!!!

前端开发利器 livereload -- 从此告别浏览器F5键

标签:

原文地址:http://www.cnblogs.com/dereksunok/p/5752738.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!