各位从事前端开发的童鞋们,大家每天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成功标示
效果预览:
大家愉快地开始工作吧!!!