安装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使用LiveReload自动刷新相关推荐

chrome LiveReload – 修改网页源代码后帮你自动刷新浏览器
在本地写网页代码,通常都是保存以后再在浏览器里刷新一遍看看效果,刷新这个可真是体力活,不过懒人也有福了,因为有了 LiveReload. LiveReload 是一款跨平台的软件,在 OS X.Win ...
Grunt插件之LiveReload 实现页面自动刷新，所见即所得编辑
苦B的前端每次在制作和修改页面时,都有一个特定的三部曲:coding-save-F5.很多时候都希望自己一改东西,页面就能立刻显示,而现在LiveReload就能做到这点. LiveReload会监控 ...
HTML运行到浏览器自动刷新,web前端开发之热加载—liveReload（浏览器自动刷新）...
今天主要写一下,如何配置,保存前端代码后,浏览器自动刷新的功能,双屏操作,真的会方便很多,对于前端开发来说,一边写样式,一边看效果,爽翻~ 图片发自简书App 一.开发环境 1.电脑系统:mac 2. ...
使用livereload实现自动刷新
livereload是一个web开发辅助工具,当我们修改完html.css和js的时候会自动刷新浏览器,解放码农的双手.这样在双屏切图.写js代码的时候会提高很多效率.livereload有很多版本, ...
Html一修改就会自动刷新,web 前端修改自动刷新插件使用 liveReload
浏览器 Firefox,插件 liveReload: 1.打开 Firefox 浏览器, 2.选择附加组件,然后查看更多附加组件: 3.搜索 liveReload : 4.添加组件到Firefox 重 ...
Spring Boot + IntelliJ IDEA——自动部署[Spring Boot热部署]+LiveReload[前端自动刷新、热加载]解决方案
基本概念 spring-boot-devtools: Spring Boot包括一组额外的工具,这些工具可以使应用程序开发体验更加愉快.该spring-boot-devtools模块可以包含在任何项目 ...
结合 live-reload 实现自动刷新
结合 live-reload 实现自动刷新前端工程师日常开发最频繁(实际上最浪费时间)的操作是什么?可能你已经想到了,就是刷新页面,要让变更生效,需要重新加载,刷新页面的操作就变成了重复低效的操作. ...
Python：Flask自动刷新页面livereload
pip install livereload 文档:https://pypi.org/project/livereload/ 代码 #coding=utf-8from flask import Fla ...
Sublime Text3 + LiveReload + Chrome 使编写的HTML同步预览！
前言:vscode不喜欢用喜欢用sublime这种小巧的编写软件但vscode可以实时预览网页今天用了几个月的sublime的我才发现livereload这个插件可以自动刷新网页写个小文备 ...
修改文件后浏览器自动刷新解决方案
为什么要找这样的一个方法? 工作场景中发现的需求,都要找办法去解决. 我们在双屏开发的时候,经常是在Mac屏幕上写代码,然后在扩展屏幕上放着浏览器. 一般写几行代码,就会去刷新一下浏览器,看看代码运行 ...

sublime使用LiveReload自动刷新

sublime使用LiveReload自动刷新

安装LiveReload

设置LiveReload启用

浏览器安装

sublime使用LiveReload自动刷新相关推荐

最新文章

热门文章