文章来源:https://www.npmjs.com/package/ftl-server ftl-server 是一前端开发工具,支持解析freemarker模板,模拟后端接口,反向代理等功能。 特性 解析freemarker模板 静态资源服务 mock请求 代理请求 livereload wei ...
分类:
其他好文 时间:
2016-07-22 01:15:29
阅读次数:
1150
本文基本是参照着 用Grunt与livereload构建实时预览的开发环境 实操了一遍,直接实现能实时预览文件列表,内容页面。不用刷新页面了,这比以前开发网页程序都简单。 这里要用到的 Grunt 插件有 grunt-contrib-connect , 用来充当一个静态文件服务器,本身集成了 liv ...
分类:
其他好文 时间:
2016-07-15 13:03:28
阅读次数:
134
1. 安装node 2. 安装python 3. 安装connect, serve-static和node-livereload (以下都假设命令行当前目录为e:\WebSite) e:\WebSite>npm install connect e:\WebSite>npm install serve ...
分类:
其他好文 时间:
2016-06-21 01:11:00
阅读次数:
462
搞这个自动刷新的插件搞了好几个小时了还没搞明白,快被气死了,想改用browser-sync结果npm又一直转啊转一直卡死。 刚才终于神奇地搞定了,结果发现还是我自己智商太低。。。大概的经过是这样的。。。 首先如果你没装node/npm/gulp/livereload就别玩了,这个东西离你还很遥远,你 ...
分类:
其他好文 时间:
2016-06-04 23:43:48
阅读次数:
599
背景: 之前在学gulp的时候,使用gulp-livereload来实时自动刷新页面省时开发,但一直比较难用,现在找到新的替代神器。 安装: // 使用淘宝镜像会快些 npm install -g browser-sync --registry=https://registry.npm.taobao ...
分类:
其他好文 时间:
2016-06-02 00:25:50
阅读次数:
287
现在 watch 中已经集成了 livereload ,所以把它们放在一起说明。
watch 可以监控特定的文件,在添加文件、修改文件、或者删除文件的时候自动执行自定义的任务,比如 livereload 等等。
1. 安装
项目定义在 GitHub 上,地址:https://github.com/gruntjs/grunt-contrib-watch
可以通过 NPM 直接进行安装
...
分类:
其他好文 时间:
2016-05-18 19:13:48
阅读次数:
160
工作中可能会用到的小工具,在此记录一下。可以实现的功能有: 第一步,新建package.json文件。用到了gulp、gulp-webserver、gulp-livereload package.json的内容如下: 第二步,在当前目录下执行npm install安装所需的包 第三步,建立目录结构 ...
分类:
Web程序 时间:
2016-04-18 20:30:58
阅读次数:
156
自动刷新var livereload = require('gulp-livereload'); 能够让你的当前项目目录映射到Localhost 上,本功能主要是为了添加自动刷新(livereload)功能而添加。var webserver = require('gulp-webserver'); ...
分类:
其他好文 时间:
2016-04-14 16:01:34
阅读次数:
130
Gulp实现web服务器 Gulp实现web服务器 阅读目录 一:gulp实现web服务器配置: 二:添加实时刷新(livereload)支持 回到顶部 一:gulp实现web服务器配置: 对于前端开发而言,需要在本地搭建一个服务器作为开发使用,虽然有时候也可以直接打开页面进行预览效果,但是有时候页
分类:
其他好文 时间:
2016-03-12 00:02:36
阅读次数:
378
<!-- a{color:#464646;text-decoration:none} --> Gulp实现web服务器 阅读目录 一:gulp实现web服务器配置: 二:添加实时刷新(livereload)支持 回到顶部 一:gulp实现web服务器配置: 对于前端开发而言,需要在本地搭建一个服务器
分类:
Web程序 时间:
2016-03-09 01:24:44
阅读次数:
179