【已解决】安装好livereload chrome插件后不能用怎么办?
【已解决】安装好livereload chrome插件后不能用怎么办?
金大宝 发表于9个月前
【已解决】安装好livereload chrome插件后不能用怎么办?
  • 发表于 9个月前
  • 阅读 50
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】新注册用户域名抢购1元起>>>   

作为一个曾经的WEB开发,这边只要在sublime中写完代码保存后,按下ctrl+s保存后,浏览器自动刷新页面, 就能直接查看效果,不需要切换到浏览器中再按F5刷新。如果再弄个双屏开发,那

作为一个曾经的WEB开发,这边只要在sublime中写完代码保存后,按下ctrl+s保存后,浏览器自动刷新页面, 就能直接查看效果,不需要切换到浏览器中再按F5刷新。如果再弄个双屏开发,那简直就是太爽了。当然这一切离不开LiveReload插件。其实livereload插件的自动刷新功能非常好用,但是对于新手来说可能会碰到一些问题,比如:安装好livereload chrome插件后不能用?
livereload插件
今天在网络上看到一个新手的提问,为什么说他是新手呢,呵呵。看了问题大家就知道了。他说:在chrome安装LiveReload插件后为空心,点击插件提示出现:
livereload报错
这位同学其实搞错了一些非常重要且基础的事情,要想livereload插件的功能,要用sublime 打开的页面才可以运行livereload,当然sublime那里也还要加载livereload插件,添加一些代码。下面我们来仔细介绍一下。

1.在chrome浏览器中安装livereload插件的方法我想应该不用多介绍了。方法参照:离线安装CRX格式chrome插件的方法

2.安装livereload插件成功后,进入chrome扩展程序页面,将livereload中的允许访问文件网址打上勾。
 

 3.sublime安装LiveReload。 

sublime text3的package control中的livereload插件的方法

windows系统中:

1.用户可以在https://github.com/Grafikart/ST3-LiveReload 下载到可用的livereload,直接下载到本地或clone均可 。你会得到一个插件包,将该文件夹重命名为LiveReload,然后将其手工放入 sublime text3的Packages目录中,此文件夹是隐藏文件夹,默认地址为 

C:\Users\your_user_name\AppData\Roaming\Sublime Text 3\Packages 

livereload

Linux系统中:

cd ~/.config/sublime-text-3/Packages  

rm -rf LiveReload  

git clone https://github.com/Grafikart/ST3-LiveReload.git LiveReload  

sublime-text3中livereload的配置方法:

preferences -> Packge Settings -> LiveReload -> Settings - User 

 

livereload插件
最后,重启 Sublime text3和Chrome,点击 Chrome的LiveReload 图标,空心变实心,LiveReload启动并连接成功 。打开某个html文件,在chrome中打开,点击LiveReload图标,可以看到中心由空心圆点变为实心圆点,代表启动成功,这时返回sublime中,可以看到左下角出现LiveReload连接成功的提示 :
livereload安装成功

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 1
博文 11
码字总数 1021
×
金大宝
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: