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

各位从事前端开发的童鞋们，大家每天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成功标示

 

效果预览：

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