LiveReload配置,安装使用方法~~~前端页面神助手

一、Chrome端安装LiveReload插件

1、首先这里啰嗦一下,如果Chrome无法进入商店,可以先安装一下谷歌商店助手
这里写图片描述

谷歌商店插件地址 http://pan.baidu.com/s/1dF1ROjf 提取码:7bbh

打开谷歌浏览器扩展程序

将下载好的crx文件拖到扩展程序即可,确认添加

将下载好的crx文件拖到扩展程序即可


2、看完了上面的哆嗦,本来能够打开谷歌应用商店的小伙伴们是不是已经不耐烦了呢,现在进入正题
—》点击获取更多扩展程序,进入谷歌应用商店页面搜索LiveReload,点击添加至Chrome
这里写图片描述
这里写图片描述
现在看一下浏览器右上角,LiveReload是不是已经出现了呢~~~
到此浏览器端准备完毕


二、让我们进入sublime Text3
按下Ctrl + Shift + p 输入install 选择如图 按下回车
这里写图片描述
在弹出窗中输入 LiveReload 按下回车 等待安装
安装完成后,点击preferences找到如图位置,输入下面代码并保存,重启sublime
"{
enabled_plugins" : ["SimpleReloadPlugin","SimpleRefresh"]
}

这里写图片描述
这里写图片描述

三、到此,所有安装已经完成。下面说一下使用的方法:
页面打开后,先点击LiveReload图标,使得图标变为实心。
那么神奇的事情发生了,你代码改动完后保存(Ctrl + S),页面自动刷新。
注:css js代码同样适用
这里写图片描述

--------------------- 作者:好好大东 来源:CSDN 原文:https://blog.csdn.net/haohaodadong/article/details/72639889?utm_source=copy 版权声明:本文为博主原创文章,转载请附上博文链接!

posted @ 2018-10-10 14:09  It奋斗小青年  阅读(1146)  评论(0编辑  收藏  举报