[工具]web开发时自动刷新网页:liveReload
传统网页开发流程:用sublime text写好代码,运行,发现问题,再回到sublime text修改,运行…如此往复,十分繁琐。今天看到有人(《LiveReload》讓Sublime Text儲存後網頁自動同步更新)用liveReload实现了网页开发同步更新,试了试,果真不错,具体配置方法如下。
需要插件
sublime text:View in Browser;LiveReload
chrome:liveReload
配置方法
1、在sublime text安装插件 view in browser,修改配置
安装插件部分在之前的文章中已经提到,这里不再赘述(不会请戳),因为我主要使用chrome做调试的浏览器,因此需要修改一下view in browser 的配置,打开preferences->package setting->view in browser->setting default,修改默认的浏览器,这里我把firefox改为chrome64
2、在sublime text安装插件liveReload
3、chrome浏览器安装liveReload插件
进入chrome插件中心,搜索liveReload,安装即可。
到此,已经将需要的插件安装完毕。
测试
在sublime text编辑一个测试html文件,按 ctr+alt+v 在浏览器中运行该html,编辑器下方出现livereload提示,并且chrome浏览器的livereload图标中间小圆点由虚变实,说明配置成功。
使用
现在,只需要在sublime text里编辑代码,按 ctr+s 保存,即可在chrome里面看到实时更新。双屏体验极好。
2014.11.27更新
之前有博友说sublime text无法使用,今天竟然莫名奇妙的down掉了,现将解决办法说明如下。
1、去livereload官网下载windows版本,安装,将需要同步的文件夹放入livereload中。
2、先将html页面在浏览器里面打开,之后再用文本编辑器编辑。
最新文章
- VR(虚拟现实)开发资源汇总
- Android成长日记-数据存储之SQLite[1]
- 大熊君说说JS与设计模式之------代理模式Proxy
- 转:LIRE的使用
- linux64需要增加的依赖库
- [XML] resources的Xml配置文件 (转载)
- Oracle字符串分割函数
- JavaScript 公有 私有 静态属性和方法
- perl 爬虫两个技巧
- Git版本控制,rsync同步文件,完成线上部署
- 线性回归(Linear Regression)均方误差损失函数最小化时关于参数theta的解析解的推导(手写)
- (1)STM32使用HAL库操作GPIO
- ARM-start.s注释(2410Init.s)
- Apache shiro如何实现一个账户同一时刻只有一个人登录
- java使用freemarker模板导出word(带有合并单元格)文档
- [ 转载 ] ssh连接远程主机执行脚本的环境变量问题
- Scrum Meeting Beta - 9
- hdu 4491 Windmill Animation
- 从jQuery谈库与框架的设计之优劣
- C++测验代码