文档章节

又一个选择 - Gulp.js

w
 webchock
发布于 2015/02/27 17:57
字数 866
阅读 271
收藏 13

####前言

       还记得过年前的那篇介绍grunt.js的文章,grunt.js的强大,相信大家都见识了。年后打了两天的酱油,看了不少grunt.js的插件和教程。发现了一个号称比grunt.js要好的构建工具 - gulp.js,详细简介gulp.js。网上有很多比较grunt.jsgulp.js的文章。谈论到的不外乎以下几点:

  • gulp.jsgrunt.js要简单。设置gulpfile.js就和编写代码一样,而不像Gruntfile.js的配置文件。(这个我十分认同,gulp.js确实比grunt.js易上手,而且gulpfile.jsGruntfile.js也更好阅读。)

  • gulp.js是“流式”的,比grunt.js执行效率更高,运行速度更快。(这个我也认同,同样的执行browserSyncsass任务,gulp.js的运行速度明显要更快。)

####推荐

上文介绍到的browserSyncsass都是十分好用的东东

  1. Sass,这个应该不用多说了吧,作为第一个css预处理器,至今也拥有超高人气,配合compass一起使用,神器!!!!与之齐名的还有Less,两者语法相似,也很好学。这里有两篇很好的入门指南: SassCompass。(这里提醒一下,由于Sass是基于ruby的,一般来说使用Sass要先安装ruby(由于Sass的强大和node.js的流行,大神们造出了node-sass,node-sass)。)

  2. browserSync,这个是比较新的调试工具,一个插件就实现了我上一篇文章捣鼓了一下午的livereload功能,而且这玩意还有十分牛X的功能就是:browsersync

多浏览器同步调试,想象一下:你的工作台上面有很多移动设备配合你做多屏适应,你只需要保存代码,所有设备都会自动刷新,而且在一个设备做点击,滚动等操作,其他设备也会同步响应,酷炫!browserSync运行起来后,会有一个可视化设置页面,可以管理调试设备和调试功能,而且,它竟然还内置了weinre,只需要一个按钮就可以打开weinre调试功能。(但是我暂时只能在本地环境能使用到weinre的调试功能,移动设备还需要进一步研究。感谢富华同学发现的这个插件!)

####Gulp.js

       其实嘛,学习新的东西,最好还是去官网看文档。所以我就不在这里班门弄斧了,大家都是聪明人。这里给大家一个链接: Gulp.jsgulp.js本来就很容易上手,这篇教程也很高质量,配合一下gulp.js的官方文档和gulp.js相关插件的文档,easy job!

####最后

       相信以后能打酱油的日子越来越少了,这些日子里,学到了不少实用的东西,包括程序员必学的git,推荐给大家一个很好的学习git的途径:学着建一个Github Pages,这是Github提供的建立个人主页,项目主页的功能,代码都是托管在Github,免费而且还有个人域名。需要用到jekylljekyll又需要用到ruby,这里有一个大坑,rubygem都是OS X自带的,在OS X下直接gem install jekyll一路顺风,可恶的是在windows下,编译jekyll又需要rubydevkit,要安装好jekyll,请下载ruby 2.0.0 版本的不要用 1.9.3 或 2.1.5 ,亲身惨痛经历!

       如果大家对gulp.js设置有问题,可以看一下我上传的Github

© 著作权归作者所有

w
粉丝 4
博文 13
码字总数 5070
作品 0
广州
私信 提问
Gulp.js —— 基于流的自动化构建工具

Gulp.js 基于流的自动化构建工具。 易于使用 通过代码优于配置的策略,Gulp 让简单的任务简单,复杂的任务可管理。 构建快速 利用 Node.js 流的威力,你可以快速构建项目并减少频繁的 IO 操作...

oschina
2016/05/13
10
0
关于gulp的问题:cant found module 'gulp-util'

module.js:442 throw err; ^ Error: Cannot find module 'gulp-util' at Function.Module._resolveFilename (module.js:440:15) at Function.Module._load (module.js:388:25) at Module.req......

GoblinTY
2018/08/02
86
0
部署前端h5页面,请求无响应

前言 公司有一个通过微信公众号访问的在线商城,用户总量大概有几十万的样子,通过关注公众号然后进入商城进行购买,由于历史原因,这个项目最开始的时候是外包给另外一个公司做的,那时候云...

诸葛孔明亮
2016/11/30
46
0
2016学习计划

2016.01.20 还有两周就过年了,这一年从培训到实习,学到的东西很多,对前端的理解也更深刻。当然,我还是小白状态。。 新的一年还是有新的愿景:1.学习node.js和gulp.js。 2.代码规范和清晰...

小平民
2016/01/20
56
0
基于流的自动化构建工具--Gulp.js

Gulp.js 基于流的自动化构建工具。 易于使用 通过代码优于配置的策略,Gulp 让简单的任务简单,复杂的任务可管理。 构建快速 利用 Node.js 流的威力,你可以快速构建项目并减少频繁的 IO 操作...

匿名
2016/05/11
3K
4

没有更多内容

加载失败,请刷新页面

加载更多

Kubernetes云供应商架构的未来

首先,我想分享SIG的使命,因为我们用它来指导我们现在和将来的工作。从我们的章程中直接来看,SIG的使命是简化,开发和维护云供应商集成,作为Kubernetes集群的扩展或附加组件。这背后的动机...

Linux就该这么学
27分钟前
1
0
线程池没你想的那么简单

前言 原以为线程池还挺简单的(平时常用,也分析过原理),这次是想自己动手写一个线程池来更加深入的了解它;但在动手写的过程中落地到细节时发现并没想的那么容易。结合源码对比后确实不得...

crossoverJie
34分钟前
34
0
Scientific Linux开发停止 相关设备将迁移至CentOS上

在经历了将近14年的版本更迭之后,这个专注于科学领域的GNU/Linux发行版本不会发布下个重大版本更新--Scientific Linux 8了。 目前维护该发行版本的成员最终决定是时候休息了,今后将不再发布...

linuxCool
39分钟前
1
0
Redux

Redux概念 Redux = Reducer + Flux,数据层框架,将所有数据都存储到store中 Redux的工作流程 Antd的使用 安装npm install antd --save import 'antd/dist/antd.css'import { Input, Butto......

星闪海洋
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部