码迷,mamicode.com
首页 > Web开发 > 详细

[工具]web开发时自动刷新网页:liveReload

时间:2014-10-24 18:47:23      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   使用   sp   文件   on   2014   

传统网页开发流程:用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

bubuko.com,布布扣

2、在sublime text安装插件liveReload

3、chrome浏览器安装liveReload插件

进入chrome插件中心,搜索liveReload,安装即可。

bubuko.com,布布扣

到此,已经将需要的插件安装完毕。

测试

在sublime text编辑一个测试html文件,按 ctr+alt+v 在浏览器中运行该html,编辑器下方出现livereload提示,并且chrome浏览器的livereload图标中间小圆点由虚变实,说明配置成功。

bubuko.com,布布扣

 

bubuko.com,布布扣

          

使用

现在,只需要在sublime text里编辑代码,按 ctr+s 保存,即可在chrome里面看到实时更新。双屏体验极好。

[工具]web开发时自动刷新网页:liveReload

标签:style   blog   http   color   使用   sp   文件   on   2014   

原文地址:http://www.cnblogs.com/smoothLily/p/4048849.html

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