当前位置: Chrome插件首页 > Chrome插件问答 > 【已解决】安装好livereload chrome插件后不能用怎么办?

【已解决】安装好livereload chrome插件后不能用怎么办?

Chrome插件问答
作为一个曾经的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.Tampermonkey脚本安装问题及自用脚本推荐
2
.Postman使用手册系列教程收集整理

相关内容推荐