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

时间:2021-10-10 14:24:16

各位从事前端开发的童鞋们,大家每天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文件

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

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

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

 

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

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

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

 

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

sublime中文件连接chrome成功标示

 

效果预览:

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

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