sublime3安装liveload，实现前端自动F5刷新html界面

　　这两天倒腾编辑器，atom实在太大了，还是sublime好用

　　以前一直用sublime2， 然后更新到sublime3， 然后把一些必要的插件安装了一下：liveload(自动刷新)；

　　package control

　　首先给sublime添加了一个package control的插件， sublime2和sublime3安装package control 的方式不同， 查看这里;

　　安装LiveReload

　　然后通过快捷键(ctrl+shift+p)， 会出现下面这个界面：选择 package control : install package ：

　　　　

　　sublime会卡一下：然后又会跳出另外一个输入框，在输入框中输入：liveReload， 然后点击过滤出来的选项， 点击机会安装livereload；

　　　　

　　livereload安装完毕以后会跳出一个安装完毕的界面。

　　enable plugins

　　接着再选择Preferences->package setting->LiveReload->Plugins->enable/disable plugins ，启动LiveReload， 然后重新启动sublime；

　　浏览器安装LiveReload插件：

　　打开google-chrome的应用中心，搜索LiveReload， 并把应用添加到chrome:

　　　　

　　允许访问文件网址

　　安装完毕以后，打开扩展程序中心， 把LiveReload的允许访问文件网址选项加上：

　　

　　此时sublime和chrome浏览器插件都安装好了。

　　最后一步， 启用插件

　　最后一步是通过sulime选择在浏览器中打开html文件， 然后再点击浏览器上的插件按钮 ：

　　此时按钮会变成实心的：

　　

　　如果查看网页源码，会发现网页源码下被添加了一个script标签：

　　现在，只要我们修改对应的html文件并ctrl+s保存文件， 对应的浏览器界面会自动刷新；

作者： NONO
出处：http://www.cnblogs.com/diligenceday/

QQ：287101329

微信：18101055830

时间： 2024-10-22 23:50:04

sublime3安装liveload，实现前端自动F5刷新html界面的相关文章

解决Silverlight F5刷新问题

最近在做一个SL的项目,做完后,遇到一个F5刷新的问题,本人也是第一次接触接触SL项目,记得再ASP.NET浏览器的缓存会自动保存最后一次的浏览记录的. 所以就在网上到处找资料,可惜运气不好,都没找到合适的资料.基本的解决方法都是通过再HTML页面增加JS方法,屏蔽F5刷新按钮的功能,但是这 样的需求并不是我们项目中所要的,还好在BAIDU和群里高手的帮助下,终于大体了解了SL刷新的过程和解决F5刷新返回最后次浏览页面的思想.. 1:SL刷新过程 SL本身就是HTML页面的一个插件程序,在浏览器

linux软件包的安装之----yum前端工具

YUM介绍:RPM前端工具,在将rpm包依赖关系做成数据库的前提下,自动查找依赖关系,并从某个仓库(repository)下载到所需要的安装包并在本地完成安装:在客户端,用yum可以安装在本地配置文件中可以找到的仓库,通过仓库的元数据(仓库(repository)中的rpm包的rpm信息被抽取出来,制作成yum仓库的元数据),可以知道仓库中有哪些软件包,以及对应的安装依赖关系.****例如:如果要安装Z,Z依赖X.Y,查到本地已经安装Y,则yum只需要从仓库(repository)中下载Z.X安

sublime3安装部署及插件安装

本文以sublime3 64位.Python3为例进行安装 一.sublime3安装 下载地址:https://download.sublimetext.com/Sublime%20Text%20Build%203211%20x64%20Setup.exe 安装步骤傻瓜式一路下一步 二.插件的安装 1.运行管理员权限打开sublime3 2.打开运行控制台,如下操作 3.在控制台中输入如下代码并回车 import urllib.request,os; pf = 'Package Control.

CentOS 安装autofs 以建立自动mount的服务

一.安装 yum install autofs 二.配置目录的配置文件map 修改/etc/autofs.master # 标记/var/ftp/pub目录的配置文件为/etc/auto.vsftpd # Sample auto.master file # This is an automounter map and it has the following format # key [ -mount-options-separated-by-comma ] location # For det

ubuntu 下安装配置open-iscsi并自动挂载

1.安装open-iscsi apt-get install open-iscsi 2.发现iscsi-target(ISCSI服务器IP:192.168.1.104) iscsiadm -m discovery -t sendtargets -p 192.168.1.104 3.设置开机自动登录到iscsi-target iscsiadm -m node -T iqn.2006-01.com.openfiler:tsn.6f5d0fb29fc9 -p 192.168.1.104 –op upd

在浏览器地址栏按回车、F5、Ctrl+F5刷新网页的区别

转自:http://blog.csdn.net/zoohouse/article/details/7552594 先来说"刷新",它是在你现有页面的基础上,检查网页是否有更新的内容.在检查时,会保留之前的一些变量的值,因此有可能会造成刷新后网页出现错误,或者打不开的情况:"转到"和在地址栏回车,则相当于你重新输入网页的URL访问,这种情况下,浏览器会尽量使用已经存在于本机中的缓存.也就是说,"刷新" 是取网页的新内容来更新本机缓存,在更新的同时保

deepin下安装的codeblocks不能自动缩进的问题

问题: deepin下从应用商店安装的codeblocks不能自动缩进 解决: sudo apt-get install codeblocks-contrib 重启codeblocks即可: 实质上是安装了很多插件.

禁用F5刷新jQuery实例代码

禁用F5刷新jQuery实例代码:F5具有刷新网页的功能,可能有时候需要禁用此功能,下面就通过代码实例介绍一下如何实现此功能.代码如下: $(document).ready(function(){ $(document).bind("keydown",function(e){ var e=window.event||e; if(e.keyCode==116){ e.keyCode = 0; return false; } }) }) 以上代码实现了我们的要求,这里就不多介绍了,具体可以

ASP.NET Web Form和MVC中防止F5刷新引起的重复提交问题

转载  http://www.cnblogs.com/hiteddy/archive/2012/03/29/Prevent_Resubmit_When_Refresh_Reload_In_ASP_NET_Web_Form_MVC.html 什么是刷新/重新载入 IE中的刷新(Refresh),在FF和Chrome中称为重新载入(Reload),与正常进入页面的区别在于以下两点: 1. 缓存控制 如果文件(比如图片)在本地缓存中已经存在,正常进入页面会不访问服务器而直接从本地加载.而对于刷新操作,