livereload的使用,可以实现当保存页面文件实时刷新浏览器

一、首先是谷歌浏览器插件的安装,请下载点击这里livereload

如图所示

1.1打开谷歌浏览器->更多工具-扩展程序

2.然后我们手动拖入上面.crx文件到扩展程序页面,按照提示插入即可

当然插入的时候部分人员可能遇到会需要程序包无效的情况

如果遇到这样的问题,解决办法如下:

我们将.crx文件扩展名改为.zip或者其他压缩文件。然后再解压出文件

这个时候我们再打开谷歌浏览器扩展程序页面,打开开发者模式,点击加载已解压的扩展程序

然后插入livereload文件夹,差不多就ok了

当我们安装好插件后,随便打开一个html文件。如图点击圈出来的,从空心变成实心,到此插件完毕。

二、sublime的livereload插件安装

方法一:

1.打开sublime程序,如图所示点击到设置-默认,将文件中debug中改成true

这个时候再按快捷键ctrl+shift+P

然后有个install相关的,点击,过一会,会弹出一个窗口,再次输入livereload,等安装提示完成后,就重新打开sublime

然后我们再按ctrl+shift+P,输入livereload,如图,点击

再输入simple。点击enable,到此安装结束,

自己调试试试看看

sublime安装livereload插件过程相关推荐

  1. sublime安装AngularJS插件

    sublime能够支持AngularJS开发那绝对是一件很爽的事情.下面我一步步讲解如何为sublime安装AngularJS插件. 1.添加控制包站点 根据你安装sublime 版本不同,在控制台写 ...

  2. 安装谷歌插件-过程解决

    安装谷歌插件-过程&解决 下载谷歌浏览器 问题:下载了"加料"的谷歌:打开新窗口默认为百度,且不可修改,删除,重下 a. win+r - control -卸载程序: b. ...

  3. Sublime安装PlantUML插件

    文章目录 安装 graphviz 安装Sublime Text 安装PlantUml 配置快捷键 添加依赖jar 设置语法高亮 验证 安装 graphviz Graphviz的是AT&T La ...

  4. sublime安装emmet插件和一些常用插件和常用快捷键

    Preferences >Package Settings > Package Control > Settings - User 添加代码 "debug": t ...

  5. sublime 安装常用插件

    1.先要安装Package Control ,ctr+` 打开控制台,复制安装脚本,脚本在https://packagecontrol.io/installation#st3获取. 2.安装插件,ct ...

  6. Sublime与Firefox(火狐)配置livereload插件实现动态实时刷新浏览器

    我们在使用sublime时一般需要修改html代码时要保存退出然后刷新浏览器,这样就显得有点麻烦. 火狐浏览器和sublime都提供了livereload插件,网络上大部分都是说配置Chrome,火狐 ...

  7. gulp插件gulp-ruby-sass和livereload插件

    gulp-ruby-sass是gulp的一个插件,主要是用来实现sass编译,livereload插件主要是实现文件保存时浏览器自动刷新,避免了手动f5的频繁的操作 准备工作:chrome浏览器安装l ...

  8. Sublime Text 2 安装配置插件

    最近学习python,看网上推荐用sublime text2挺方便,就学习了一下对sublime text2 安装插件,先放在这里,以备以后查找 根据晚上资料修改,原文请看这里 Python的自动补全 ...

  9. python安装插件报错原因_Sublime Text3 python自动补全问题——Sublime Text3安装Anaconda插件...

    学习python的时候 在编辑器的选择上会有很多选择,我最终还是选择了sublime text3. 相对于其他编辑器,sublime text有以下特性: 插件多,类似GoSublime,Emmet信 ...

  10. sublime text3安装python插件和flake8_Sublime Text环境配置(Python、Latex、Markdown)及常见问题汇总...

    目录 安装 基本设置 万包之祖 Package Control Python 环境配置 Markdown环境配置 Sublime问题汇总 macOS+Latex环境配置 安装 从官方网站地址下载安装即 ...

最新文章

  1. 查处的数据如何乱序_老司机总结常用镜像方法,让镜像数据更加可靠
  2. kubernetes性能测试实践
  3. python的lambda函数_Python-Lambda函数的范围及其参数?
  4. JavaScript的三大高阶函数
  5. 谷歌地球最新host_听说《流浪地球》被豆瓣鄙视了,我们用数据看一把真相(上)...
  6. php3源码分析,ThinkPHP3.1.3源码分析(一) 入口文件分析
  7. 计算机网络学习笔记(1. 什么是计算机网络?)
  8. bcp入库oracle,Sybase中的BCP用法实践 与 Oracle的SQLLDR用法实践
  9. 终于考过了驾照考试,现在就=驾照下来了
  10. mac本在终端查看本地ip
  11. android hud软件,手机HUD靠谱软件选哪些?_手机_手机生活应用-中关村在线
  12. python安装与pip安装
  13. 基于VS Code搭建通用ARM微控制器开发平台
  14. SVN各种错误提示产生原因及处理方法大全
  15. springboot整合mysql5.7_SpringBoot+MySQL,如何整合并使用MyBatis框架
  16. 安装wsl下的kali linux时出现的包的问题
  17. Java面试锦囊(四)
  18. 单丝不成线,独木不成林
  19. 克鲁斯卡尔(Kruskal)算法
  20. 【敏捷】项目管理——精益思想

热门文章

  1. 小米8对一加6打开软件速度测试,小米 8 对决一加 6,谁更值得买?
  2. 一个java swt桌面程序开发到打包的总结(1)(收集)
  3. 与卿共赴鸿蒙是什么意思,经典的爱情诗句
  4. php网站友链直显代码,discuz 友情链接 代码
  5. qt 实现、区分鼠标单击,双击事件
  6. 来兄弟连了,你还在用面向过程唱高音歌曲的你就OUT了
  7. oracle如何查询明细账,新纪元通用账证查询打印软件常用问题解答.docx
  8. 微软鼠标测试软件,微软IO1.1鼠标使用测试_微软 IO1.1红光鲨鼠标(战队包黑色版)_键鼠评测-中关村在线...
  9. Java利用MessageDigest进行MD5加密
  10. 3dmax中如何导出多个动画