livereload的简单使用

一/直接使用：npm install -g livereload 全局安装

http-server 　起到服务

livereload启动

在html中引入<script src="http://localhost:35729/livereload.js?snipver=1"></script>

二/与gulp结合使用

npm install -g gulp

npm install gulp --save-dev

npm install gulp-livereload --save-dev

转载于:https://www.cnblogs.com/chenjinxinlove/p/5547738.html

livereload的简单使用相关推荐

django 修改html无变化,Django Pycharm 修改html后立即刷新页面
写项目时需要页面实时刷新,而不是频繁人肉重启项目.测试过dj-static,django-livereload-server,此处使用livereload包,简单好用.仅在debug=False时生效 ...
Grunt插件之LiveReload 实现页面自动刷新，所见即所得编辑
苦B的前端每次在制作和修改页面时,都有一个特定的三部曲:coding-save-F5.很多时候都希望自己一改东西,页面就能立刻显示,而现在LiveReload就能做到这点. LiveReload会监控 ...
this.$router.push如何刷新页面_【前端技术】如何优雅的释放F5（基于whistle的livereload）...
插件功能:用于根据指定目录文件变化自动刷新指定页面的 whistle 插件. whistlegithub.com 下文主要介绍livereload原理,直接查看插件安装和使用请看第五步一.需求背景 ...
结合 live-reload 实现自动刷新
结合 live-reload 实现自动刷新前端工程师日常开发最频繁(实际上最浪费时间)的操作是什么?可能你已经想到了,就是刷新页面,要让变更生效,需要重新加载,刷新页面的操作就变成了重复低效的操作. ...
HTML实时预览-LiveReload完整使用方法
常规html查看过程:修改html文件-->浏览器中刷新-->修改html文件-->浏览器中刷新使用livereload后:修改html文件,浏览器自动刷新可以简单的理解为liv ...
gulp + angular + requirejs 简单学习
一.安装gulp(已经安装了node环境) npm install -g gulp 二.在package.json文件中配置依赖插件 {"name": "xxxx&qu ...
gulp简单入坑介绍
gulp简单介绍目录 gulp简介 gulp与grunt的区别 nodejs和npm 创建一个npm项目 -- npm init . 为我的项目安装npm插件 -- npm install * gu ...
Sublime与Firefox（火狐）配置livereload插件实现动态实时刷新浏览器
我们在使用sublime时一般需要修改html代码时要保存退出然后刷新浏览器,这样就显得有点麻烦. 火狐浏览器和sublime都提供了livereload插件,网络上大部分都是说配置Chrome,火狐 ...
HTML运行到浏览器自动刷新,web前端开发之热加载—liveReload（浏览器自动刷新）...
今天主要写一下,如何配置,保存前端代码后,浏览器自动刷新的功能,双屏操作,真的会方便很多,对于前端开发来说,一边写样式,一边看效果,爽翻~ 图片发自简书App 一.开发环境 1.电脑系统:mac 2. ...

livereload的简单使用

livereload的简单使用相关推荐

最新文章

热门文章