E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
livereload
[译] 第七天: GruntJS
LiveReload
- 把生产力提升一个级别
今天我们用HTML模板和
LiveReload
服务器来拓展那里面的示例。这篇博客,我们先来讨论怎样用Grunt-markdown插件使用HTML模板,然后讨论用grunt-watch插件提升生产力。
·
2015-11-12 12:26
grunt
Windows环境下使用Guard整合Compass和
Livereload
进行SASS的开发
配置运行环境 Guard,Compass 和
Livereload
是 Ruby 的 Gem 套件,需要 Ruby 运行环境。
·
2015-11-11 02:53
windows
[工具]web开发时自动刷新网页:
liveReload
今天看到有人(《
LiveReload
》讓Sublime Text儲存後網頁自動同步更新)用
liveReload
实现了网页开发同步更新,试了试,果真不错,具体配置方法如下。
·
2015-11-08 14:02
web开发
利用less监视模式实时预览样式刷新浏览器
上次写到利用
LiveReload
解放F5。而且
LiveReload
可以编辑sass/less/stylus。
·
2015-11-01 12:59
less
各式 Web 前端開發工具整理
Assemblers) lumbar brunch grunt lineman yeoman Takeoff mimosa codeKit
liveReload
·
2015-10-31 11:21
web 前端
前端自动化神器
LiveReload
配合浏览器和less/sass使用方法
前言:搜了半天,各种推荐,什么十大工具啦、优秀工具集合啦之类的咸淡文章,就是没有一个讲怎么弄的。配合官网的article自己研究了半天总算配置好了。顺便吐槽下官网关于sass/less设置这块说的模糊不清的。写个教程给大家,相信会对新手们有帮助的。 声明:本文不涉及Grunt。 开发环境:windows7 编辑器:sublime text3 浏览器:firefox31 介绍
·
2015-10-31 08:00
load
Play1+angularjs+bootstrap ++ (idea +
livereload
)
我的web开发最强组合:Play1+angularjs+bootstrap ++ (idea +
livereload
) 时间 2012-12-26 20:57:26
·
2015-10-27 11:44
AngularJS
Grunt 插件使用汇总
Grunt之通配符3.Grunt之动态文件路径grunt源码分析1.grunt源码解析:整体运行机制&grunt-cli源码解析grunt插件1.Grunt之Connect2.Grunt之watch和
livereload
冠军
·
2015-10-21 17:00
Gulp入门
npminstallgulp-gnpminstallgulp–save-devnpminstallgulp-livereloadgulp-webserver–save-devtouchgulpfile.jsgulpfile.jsvargulp=require('gulp'),
livereload
Lewis_1993
·
2015-10-10 18:39
Grunt 之 watch 和
livereload
现在watch中已经集成了
livereload
,所以把它们放在一起说明。watch可以监控特定的文件,在添加文件、修改文件、或者删除文件的时候自动执行自定义的任务,比如
livereload
等等。
冠军
·
2015-09-09 16:00
详解Grunt插件之
LiveReload
实现页面自动刷新(两种方案)
方案一:grunt-
livereload
+ChromePlug-in优点:安装、配置简单方便。缺点:需要配合指定的浏览器插件(Firefox也有相关插件,IE么你懂的)。
Jay-Liu
·
2015-07-31 14:50
用 grunt-contrib-connect 构建实时预览开发环境
本文基本是参照着用Grunt与
livereload
构建实时预览的开发环境实操了一遍,直接实现能实时预览文件列表,内容页面。不用刷新页面了,这比以前开发网页程序都简单。
jiangbo_phd
·
2015-07-27 09:00
Gulp 设置前端服务器+监控插件
阅读更多gulpfile.js可以这样进行书写vargulp=require('gulp');varlivereload=require('gulp-
livereload
');vargulpLoadPlugins
peter2009
·
2015-06-23 18:00
前端
gulp
connect
livereload
Gulp 设置前端服务器+监控插件
gulpfile.js 可以这样进行书写 var gulp = require('gulp'); var
livereload
= require('gulp-
livereload
');
peter2009
·
2015-06-23 18:00
前端
connect
Gulp.js-
livereload
不用F5了,实时自动刷新页面来开发
前言正如上图所示,使用gulp-
livereload
,可以实时保存刷新,那样就不用按F5和切换界面了,无形中省了好多时间,有没有!
offbye
·
2015-05-07 09:00
gulp
live-reload
Gulp
livereload
最近看到了gulp http://gulpjs.com/ 比较感兴趣随动手一试gulp的安装以及一些基本的用法github上已经说的很多了,在这里主要说一下关于
livereload
的使用,看到特首的日志里
ipCoder
·
2015-04-29 23:00
在Maven+Spring项目中使用Node.js的Gulp进行前端自动化构建
刚开始打算进行前后端分离开发,后来发现在使用JSP或者Freemarker做动态页面时,想发挥这些自动化构建工具牛逼闪闪的
livereload
功能并不是那么的轻易,因为我们必须还得调教它们去调用Java
jndion2011
·
2015-04-04 17:00
spring
maven
node.js
Android 的
LiveReload
— jimu Mirror
用过 Sketch 的朋友应该都知道一个叫 Mirror 的功能,它可以将你的设计稿放到手机上预览,为设计师们提高了不少效率。而今天我要介绍的 jimuMirror ,和 SketchMirror 类似,可以将Android的xml实时放到手机上预览。但是现代化的IDE都已经提供在IDE内实时预览xml的功能,jimuMirror 有啥用呢?有用!还是相当有用! 本文将以微信的界面作为参考,在不写
specialcyci
·
2015-02-01 15:00
android
微信
mirror
LiveReload
jimu
RENEWING THE GRUNT &
LIVERELOAD
MAGIC
英文原文:http://rhumaric.com/2013/07/renewing-the-grunt-
livereload
-magic/不久前,我写了一篇 explaininghowtousegruntandlivereload
xiebaochun
·
2015-01-10 17:00
nodejs
grunt
liverel
grunt使用watch和
livereload
的Gruntfile.js的配置
周末在家看angularJS, 用grunt的
livereload
的自动刷新, 搞了大半天, 现在把配置贴出来, 免得以后忘记了, 只要按照配置一步步弄是没有问题的; 开始的准备的环境安装是:
·
2014-12-08 10:00
grunt
新建play项目准备事项
1、
LiveReload
是这样一个工具/机制:在你编辑修改程序源码(HTML等)保存时,浏览器自动刷新,你的输入焦点完全不用切换到浏览器,除了本来需要的"保存"也不用按任何快捷键,即可看到当前修改的效果
shanxi_liyong
·
2014-11-19 17:00
gulp-nodemon gulp-
livereload
配置
gulp-nodemon和gulp-
livereload
配置 一、gulp安装 1.全局安装:npminstall-ggulp 2.
小嗷喏
·
2014-11-09 20:00
gulp
gulp-livereload
gulp-nodemon
用Grunt与
livereload
构建实时预览的开发环境
grunt-tutorial-installing-grunt.htmlgrunt介绍及使用:http://javascript.ruanyifeng.com/tool/grunt.html实时预览:http://nya.io/Node.js/grunt-
livereload
-for-realtime-preview
cobish
·
2014-08-28 15:00
那些曾经遇见的坑--nodejs相关
1、connect-
livereload
组件(用nodejs做文件下载服务器)dev环境下,配置app.use(require('connect-
livereload
')());在浏览器下载文件时,发现有些文件下载时会出现
余诺
·
2014-08-22 16:00
express
nodejs
坑
RequireJS + AngularJS Seed 13 _Grunt-plugin
比如:watch:{ server:{ files:[".nodemon"], options:{
livereload
:true } } } grunt.loadNpmTasks('grunt-mocha
开源中国匿名会员
·
2014-05-30 15:00
AngularJS
requirejs
在不需SDK、编译或代码签名的设备上测试PhoneGap应用
GapReload和
LiveReload
一起使用也可以做到相同的事。
Abel Avram
·
2014-05-07 00:00
Grunt插件之
LiveReload
实现页面自动刷新,所见即所得编辑
配置文件下载 http://vdisk.weibo.com/s/DOlfks4wpIj
LiveReload
安装前的准备工作: 安装Node.js和Grunt,如果第一次接触,可以参考
·
2014-03-20 21:00
grunt
livereload
立即重新讀取
livereload
–
livereload
就跟名字一樣,『立即重新讀取』,主要用途為當編輯檔案修改後,會讓監聽頁面自動重新讀取。
leekelby
·
2014-01-15 08:00
使用
livereload
实现自动刷新
livereload
是一个web开发辅助工具,当我们修改完html、css和js的时候会自动刷新浏览器,解放码农的双手。这样在双屏切图、写js代码的时候会提高很多效率。
·
2013-10-18 21:00
load
grunt-contrib-watch 结合 connect-
livereload
实现修改文件后,理解刷新页面
watch的配置watch:{ less:{ files:['css/*.less'], tasks:['less'] },
livereload
:{ options:{
livereload
:true
xiongzhengxiang
·
2013-10-17 21:00
Grunt+
Livereload
搭建本地前端开发环境
然后还有
livereload
–节省你的F5主要思路用nodejs+connectjs搭建静态web服务用grunt来做脚本用
livereload
来通知文件变更(不需要chromeli
天猪
·
2013-06-24 10:00
AngularJS
grunt
LiveReload
rails TDD 的好工具 :guard
Guardfilegroup:testdo gem'guard' gem'guard-rspec' gem'guard-cucumber' gem'guard-
livereload
' gem'rspec-rails
阿昭
·
2012-05-31 12:00
livereload
自动通知页面重刷新的轻量级server
概述: 它是一个基于node的轻量级web server。它可以监听你的css、js、html文件变化自动通知浏览器刷新页面,或者重新载入css文件。它最大的特点就是不用你手工修改html或者使用浏览器插件来建立前后端通讯,而是动态的在html中插入一段无干扰的JS。如果你是做一些前端的练习或者建立前端的测试页面,那么它就很有用了。 安装: 安装node 0.60+
chemzqm
·
2012-05-20 19:00
server
Rails 3.2.3 使用 Spork + Guard + RSpec + Capybara +
livereload
参考如下文章做了一片,挺好的,此处做个备份。http://ruby-china.org/topics/2990 initprojectrailsnewappname--skip-test-unit--skip-bundleupdateGemfilesource'http://ruby.taobao.org/' gem'rails','3.2.3' group:developmentdo gem
hexudong08
·
2012-05-02 15:00
guard/guard-
livereload
—Readmorehttps://rubygems.org/gems/guard-
livereload
·
2012-03-16 14:00
load
HTML5 語意標籤理論與實戰 ( 投影片)
主要是寫了一支SlideParser(取自showoff)搭配middleman+
LiveReload
xdite chitsaou
·
2011-09-20 04:00
無分類雜文
livereload
一个很Cool的应用
很多时候,我们修改网页代码都要手动刷新一下看看效果,多了就比较麻烦了,
livereload
正是一个可以在你修改了代码后实时进行页面刷新的应用, http://blog.envylabs.com
doabit
·
2010-07-18 11:00
chrome
Blog
Google
Rails
上一页
1
2
3
4
5
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他