LiveReload的下载安装 + Sublime的配置

之前一直用VS Code做前端开发,前段时间被种草了Sublime后确实感觉到Sublime插件功能的强大,后来为了方便做页面开发下载了LiveReload这个插件,再也不用每次修改页面样式都按一次刷新真的是太爽了。

为了在Chrome中下载这个插件确实费了一凡功夫。下面记录一下我安装成功的过程,希望能给安装LiveReload的你们一点帮助。

第一步:下载插件👇

由于我的电脑没有翻墙,先在网上下了插件再安装:
(翻墙了的小伙伴好像可以直接在google应用商城下载安装)

点此下载插件:Chrome插件网

打开网址页面如下,点击蓝色按钮(下载地址-)
在这里插入图片描述
接着扫一下公众回复“插件”,就会得到验证码,点击开始下载
在这里插入图片描述
在这里插入图片描述
之后桌面上会有一个.crx的文件(此处为了展示我将文件名改为了:插件),接着将文件复制一份后,把文件后缀名改为.rar,然后解压这份rar文件。

注意:安装好的插件不可以再删除或者挪动文件位置,所以要先把解压后的文件放在你想放的位置再到浏览器里进行安装。

第二步:浏览器里安装插件👇

接着打开谷歌浏览器,点击更多工具——扩展程序
在这里插入图片描述
打开右侧的开发者模式按钮 ,再点击:加载已解压的扩展程序,找到刚才解压好的rar文件

在这里插入图片描述
之后就按照提示安装,安装好了之后浏览器右上角会出现一个虚心的圆圈图标(下面第一个)
在这里插入图片描述

第三步:配置Sublime👇

打开Sublime,安装插件,步骤如下
Ctrl+Shift+P --》 install,回车 --》搜索 livereload,回车
安装好插件后可以在首选项下找到LiveReload,如下图,点击Settings-Default.
在这里插入图片描述
复制如下代码到文件中(是的不要怀疑,直接复制粘贴到打开的页面里),复制后记得保存。

    {
       "enabled_plugins": [
        "SimpleReloadPlugin",
        "SimpleRefresh"
       ]
  }

在 Preference --》Package Settings–》LiveReload–》 plugins --》Enable/disable piugins 点击在这里插入图片描述
显示如下 --》按下Enter回车
在这里插入图片描述
输入simple,下载第一个
在这里插入图片描述
到此LiveReload安装配置已经全部完成。
在浏览器里打开Sublime编写的页面,点击浏览器右上角的小黑圈,变成实心就表示LiveReload已经启用
在这里插入图片描述
此时再到Sublime里做代码修改保存后页面也会自动刷新啦!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值