1.浏览器端 下载 安装 2.Sublime text3端 下载/PCIP安装,在windows环境下无效 https://github.com/Grafikart/ST3-LiveReload 安装 解压,重命名,拷贝到packages中 配置 {"enabled_plugins": ["Simp ...
分类:
其他好文 时间:
2017-10-09 10:53:41
阅读次数:
229
gulp-livereload的简介:gulp-livereload插件用于实时重载,当html,css文件内容发生改变时,浏览器会自动刷新页面。在使用gulp-livereload插件时需要浏览器安装相应的liveReload插件(浏览器插件)一、gulp-livereload插件的使用1、全局安装http-server模块命令(用于提供web..
分类:
其他好文 时间:
2017-08-31 11:08:42
阅读次数:
179
搬运自【http://blog.csdn.net/zhu_free/article/details/51476525】 gulp-express实现实时刷新 本来使用gulp-connect可以创建本地服务器,配合Livereload就可以实现实时刷新,但express项目自带了服务器,就不太好办了 ...
分类:
Web程序 时间:
2017-08-25 18:49:30
阅读次数:
209
环境 node -v v6.10.3 npm -v 3.10.10 package.json如下: 文件目录结构: gulpfile.js如下: index.html index.scss如下: header.html 如下: 其余的是无关文件或者是生成的文件,js的内容没必要贴出,反正只是压缩而已 ...
分类:
Web程序 时间:
2017-07-03 23:58:29
阅读次数:
669
1.livereload (1)chrome 安装 livereload插件并启动 (2) 项目中 1.命令行 安装 livereload插件: npm i livereload —save-dev 2. var livereload = require('livereload'); //自动刷新页 ...
分类:
其他好文 时间:
2017-06-28 20:33:15
阅读次数:
127
静态页面布局的过程中,如果可以一边写一边看见结果,那肯定是很方便的,在最开始使用的DW中实现了这一目标,但并不是浏览器环境下。之后使用gulp中的livereload后配合chrome插件livereload,在浏览器中也可以时时刷新了。其实sublime的插件库中也可以找到sublime的live ...
分类:
Web程序 时间:
2017-06-19 00:38:01
阅读次数:
233
本文是参考npm社区的gulp-connect。 一、介绍: 这个gulp-connect启动服务器(并能时时同步)。 二、赞助 赞助者是JetBrains(好像是webstorm的编辑器开发者公司)。 三、安装 四、说明 LiveReload 启动和关闭服务器 启动多个服务器 http2的支持情况 ...
分类:
其他好文 时间:
2017-06-07 12:50:33
阅读次数:
159
gulp-webserver是开启服务器,通常和gulp-livereload结合使用。而这两个结合使用效果,几乎类似browser-Sync。下面是gulp-webserver和gulp-livereload的一个小demo。 源代码下载(寄放在码云上)。 1. 所用的gulp-task的包及其他 ...
分类:
Web程序 时间:
2017-05-24 15:59:31
阅读次数:
424
gulp教程之gulp-livereloadgulp-livereload拯救F5!当监听文件发生变化时,浏览器自动刷新页面。【事实上也不全是完全刷新,例如修改css的时候,不是整个页面刷新,而是将修改的样式植入浏览器,非常方便。】特别是引用外部资源时,刷新整个页面真是费时费力。 安装:命令提示符执 ...
分类:
其他好文 时间:
2017-05-17 16:08:45
阅读次数:
374
grunt 和gulp的配置文件有这个task,livereload也同类,还有mocha等。很多时候,做一个简单测试,不想做很大的配置文件. 可以单独使用BrowerSync,在使用之前需说明:用powershell 好像命令不能识别browser启动命令,我用gitshell能够使用,cmd没尝 ...
分类:
其他好文 时间:
2017-05-15 12:02:01
阅读次数:
203