Sublime text3配置LiveReload 浏览器即时刷新

1.在sublime控件台 install livereload插件(缺点:每次重新打开Sublime都需要启动)

2.配置
Preference > Package Settings > LiveReload > Settings User

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

3.每次重新打开Sublime都需要启动,启动方法:Ctrl+Shift+P ==> LiveReload ==> enable/disable plug-ins ==> simple reload;

如果不能生效,是因为在Sublime Text里没有启动LiveReload

4.Chrome应用商店下载LiveReload

https://chrome.google.com/webstore/search/LiveReload?hl=zh-CN

5.启用LiveReload

把html文件在浏览器中打开,点击一次图标中间的圆环变成原点就代表可以实时预览了。ST3中的文件保存一次,浏览器就会刷新一次,实时预览,很方便!

6.LiveReload已经不推荐你使用了,推荐你使用更强大的:browsersync支持移动端浏览器哦。

时间: 2024-11-07 11:50:14

Sublime text3配置LiveReload 浏览器即时刷新的相关文章

sublime Text3配置及快捷键、插件推荐总结

一.基础 1.重要文档: sublime Text3官方文档中文版:http://feliving.github.io/Sublime-Text-3-Documentation/ sublime Text插件下载站点:https://sublime.wbond.net/ Sublime Text install package control:https://sublime.wbond.net/installation 非常好的參考文档:https://github.com/jikeytang/

Sublime Text3 配置Python3编译环境

Sublime Text3 配置Python编译环境 进入Sublime Text3 ,然后选择菜单:工具(T)==>编译系统(U)==>新编译系统... 把上面的代码换成如下代码: "cmd": ["C:/Python36-32/python.exe","-u","$file"], "file_regex": "^[ ]*File \"(...*?)\", lin

Sublime Text3 配置 NodeJs 环境

来源于:http://www.cnblogs.com/qiaojie/p/5560388.html 前言 大家都知道,Sublime Text 安装插件一般从 Package Control 中直接安装即可,当我安装 node js 插件时候,直接通过Package Control 安装,虽然插件安装成功了,但是找不到配置文件 Nodejs.sublime-build 来更改一些配置 .于是去 https://packagecontrol.io/packages/Nodejs 官网上查看,只提供

sublime text3配置python开发环境(windows版)

安装阶段: sublime text3的安装: 下载网址:https://www.sublimetext.com/ 下载完成后 ,点击安装即可. 安装Package Control: 点击 Tools -> install Package Control 安装anaconda: ctrl+shift+p -> 输入install package -> 输入anaconda -> 回车 安装SublimeREPL: ctrl+shift+p -> 输入install packa

[转]sublime text3在指定浏览器上本地服务器(localhost)运行文件(php)

昨天在使用sublime text3时,发现能在本地服务器上运行php文件,于是百度了一下有关知识, 终于成功了,今天总结一下. 首先要让sublime text3 出现侧边栏sidebar,不会的可以百度,这里不再赘述了(主要是懒). 然后开始创建项目,创建项目也是不一般的,我的过程如下. 先在本地磁盘中创建项目目录,如下图,我在  D:\AppServ\www  下面创建了 mismatch 文件夹, mismatch 就是我的项目名称,里面有三个目录和一个index.php文件 然后在su

Sublime text3配置C/C++编译环境

安装sublime text3后,一直很喜欢使用它看代码(这个高亮配色真的很好看).它默认的运行环境就有C/C++,在写了一个hello world!后正常输出,但在加入scanf()输入后就不行了.在网上搜了一下,这个问题好像无解,可以自己安装gcc/g++,然后配置一下,通过调用命令窗口解决.这里简单记录一下配置过程. 一.准备工作 1.下载sublime text3,并安装 2.下载MinGW(包括gcc/g++),并安装 windows系统安装后,需要右键计算机->属性->高级系统设置

[前端学习笔记]Sublime text3配置

1,官网下载 Sublime 最新版本,目前我使用的是Sublime text 3,不收费,直接安装即可 2,安装"插件管理器",准备体验起飞. 安装有两种方式 自动安装: 打开控制台(命令面板)方法有 3 1. View > Show Console (英文界面) 2. 查看 > 隐藏/显示控制台 (中文界面) 3. ctrl + ` 这个是反引号,在Tab键上面那个键) 把这面这段代码复制粘贴过去执行 (这是给Sublime_text 3 用的,2可不行哦) impor

sublime text3 配置插件包记录

前言: 很多插件已经开始放弃支持ST2了,所以推荐使用ST3,大量的最新插件和最新功能已经不再支持st2了. 下载地址戳这里:http://www.sublimetext.com/3 1.所有插件 易用性:Monokai Extended 主题,推荐使用HTML5,HTML5标签拓展Js?Format,javascript格式化CSS Format,CSS格式化Tag,HTML格式化Brackethighlighter,标签对标记Side?Bar?Enhancements ,增强型侧边栏Buff

sublime text3配置node.js开发环境

今天配置sublime下node.js网上搜索很多方法. 首先:传统的方法是 1.GIT方法 可直接输入 Git clone https://github.com/tanepiper/SublimeText-Nodejs "D:\ProgramFiles\Sublime Text 3\Data\Packages\nodejs" 声明:这里的路径指的是下图中的目录. 之后就是把encoding修改成utf8格式 但是运行后 发觉wendows下的每次编译并不能杀死之前的进程. 2.so更