Sublime实现与浏览器同步刷新

大体流程分为两大步:
1.浏览器;
2.编辑器(Sublime text3)

1.浏览器:
首先下载livereload_2_1_0_.crx插件;
下载链接:链接:
https://pan.baidu.com/s/1v1_zo2fSg61FjYcOel3N7Q
提取码:lexe

完成下载后,打开谷歌浏览器(这个适用于谷歌、火狐、Safari,这里用谷歌举例)

   打开右边的三个的东西,点击下面的设置,如下图:

点击左上角的设置:如下图

点击扩展程序:如下图

然后打开开发模式,将你上面下载的livereload_2_1_0_.crx插件直接拖到浏览器会出现如下图情况,点击添加扩展程序即可。

看我下图开发者模式都是开着的,然后把那个按钮勾上。

点击详细信息,如下图:

把允许访问文件网站勾上,如下图:

出现下图的空心圆按钮,恭喜你成功完成第一步!

2.Sublime text3(挺麻烦的,不过我今天都给你解决咯!)
自动安装Package Control方法挺不稳的,所以直接手动安装。

方法如下:
Package Control的官方下载地址为:
https://packagecontrol.io/Package%20Control.sublime-package
但能不能下载得看脸,对于看脸我表示不赞同(声明一下我不丑!)
我提供了下载链接:
链接:https://pan.baidu.com/s/18GndfvHQaTMu1MWzmG3nvA
提取码:sw59
打开Sublime text3,选择Preferences—浏览程序包(B)(汉化版)

英文版:Preferences–>Browse Packages

点击箭头回到上级目录,如下图:

选择这个Installed Packages点进去,如下图:

然后将下图Package Control.sublime-package第二个文件,移动到这个Installed Packages目录,如下图:

然后重启Sublime text3,会出现下图的两个东西,说明安装成功一半,

我们点击Package Control,出来一个弹出框,我们选择Install Package。如图所示:

不用担心,一切都能解决!

安步骤操作,如下图:

点击后会出来这些文件,如下图:

如文件有 “channels”:

       [

              “F:\\channel_v3.json”

       ],

则不需添加,如没有则添加,注意后面还有逗号。

这个F:\\channel_v3.json中的F是自己电脑的F盘(可放在任意盘)。

channel_v3.json文件在上面你解压出来的两个文件中其中一个就是。

这些都弄完了,一切都大功告成啦!
现在我们去体验一番。

按Ctrl+S保存浏览器自动更新内容。(上面圆圈点一下变成实心的才能实时刷新哦)

如果觉得小仙讲得很细、很易懂的话,请动动你的小手点赞哦。

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注