爱笔记爱笔记

sublime使用LiveReload自动刷新

下面为配置方法:

一,在sublime text3中安装view in browser。

1,ctrl+shift+p

2,install

3,view in browser

这就安装好view in browser

接下来更改配置,默认是火狐,需要修改成chrome

4,preferences->package setting->view in browser->setting-default,复制默认设置

打开preferences->package setting->view in browser->setting-user,粘贴配置,然后把最下面的"browser": "firefox"改成"browser": "chrome64"。

第一步就ok了

安装LiveReload
打开sublime后,ctrl+shift+p 输入 install package
在出现的搜索框中输入 LiveReload 进行搜索,然后选择LiveReload安装。由于我已经安装,下图中没有出现对应的项
设置LiveReload启用
等待安装完成后,ctrl+shift+p,输入 LiveReload,选择 LiveReload: Enable/disable plug ins
这里有多个选项,可按需求选择,这里我选择的事 simple Reload,即保存后刷新
浏览器安装
这里使用的是Chrome浏览器。可以直接在谷歌商店下载,也可以使用离线包下载。这里使用离线方式。 下载地址.或评论留下邮箱
首先下载LiveReload的crx,然后将crx解压,打开扩展程序
安装完成,如果不生效,请注意看浏览器对应的页面是否打开了LiveReload 。中间圆圈空白为关闭状态

Sublime text3 插件LiveReload 实现实时预览
1.首先要安装插件LiveReload Sublime text3。

菜单 preferences->packages control,输入install.. 回车,输入LiveReload回车。

2.安装浏览器插件 browser extensions

  像我是chrome的,还要进行配置,在管理控制程序的地方如图打勾。
在sublime text3 配置LiveReload。preferences -> Packge Settings -> LiveReload -> Settings - Default。

然后输入这些保存就好了。

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

4、用chrome浏览器打开一个本地html页面,然后点击使它变成

原帖
https://blog.csdn.net/baidu_31497293/article/details/119349128
https://blog.csdn.net/chenhebing/article/details/50384314
https://blog.51cto.com/u_15310543/3163864
https://www.php.cn/tool/sublime/486047.html

本原创文章未经允许不得转载 | 当前页面:爱笔记 » sublime使用LiveReload自动刷新