Sublime3安装liveload插件,保存文件时,对应的浏览器界面自动刷新

2016-09-07 11:08 评论 0 条 隐藏侧边

 

 

简单好用的Sublime3插件:liveload,只要修改对应的html文件并保存,对应的浏览器界面会自动刷新,方便调试与开发。

package control

首先给sublime添加了一个package control的插件, sublime2和sublime3安装package control 的方式不同

安装LiveReload

然后通过快捷键(ctrl+shift+p), 会出现下面这个界面:选择 package control : install package

 

sublime会卡一下:然后又会跳出另外一个输入框,在输入框中输入:liveReload, 然后点击过滤出来的选项, 点击机会安装livereload;

 

 

enable plugins

接着再选择Preferences->package setting->LiveReload->Plugins->enable/disable plugins,启动LiveReload, 然后重新启动sublime

浏览器安装LiveReload插件:

打开google-chrome的应用中心,搜索LiveReload, 并把应用添加到chrome:

 

允许访问文件网址

安装完毕以后,打开扩展程序中心, 把LiveReload的允许访问文件网址选项加上:

此时sublime和chrome浏览器插件都安装好了。

最后一步, 启用插件

最后一步是通过sulime选择在浏览器中打开html文件, 然后再点击浏览器上的插件按钮:
此时按钮会变成实心的: 如果查看网页源码,会发现网页源码下被添加了一个script标签:

现在,只要我们修改对应的html文件并保存,对应的浏览器界面会自动刷新;

 

版权声明: 本文为原创文章,版权归本站所有,欢迎分享本文,转载请保留出处!
转载请注明: 《Sublime3安装liveload插件,保存文件时,对应的浏览器界面自动刷新》 | 沈立洋博客
 分类:前端开发  标签:, ,

发表评论:


插入表情