标签：
还记得过年前的那篇介绍grunt.js的文章，grunt.js的强大，相信大家都见识了。年后打了两天的酱油，看了不少grunt.js的插件和教程。发现了一个号称比grunt.js要好的构建工具 - gulp.js，详细简介gulp.js。网上有很多比较grunt.js和gulp.js的文章。谈论到的不外乎以下几点：
gulp.js比grunt.js要简单。设置gulpfile.js就和编写代码一样，而不像Gruntfile.js的配置文件。（这个我十分认同，gulp.js确实比grunt.js易上手，而且gulpfile.js比Gruntfile.js也更好阅读。）
gulp.js是“流式”的，比grunt.js执行效率更高，运行速度更快。（这个我也认同，同样的执行browserSync和sass任务，gulp.js的运行速度明显要更快。）
上文介绍到的browserSync和sass都是十分好用的东东
Sass，这个应该不用多说了吧，作为第一个css预处理器，至今也拥有超高人气，配合compass一起使用，神器！！！！与之齐名的还有Less，两者语法相似，也很好学。这里有两篇很好的入门指南： Sass、Compass。（这里提醒一下，由于Sass是基于ruby的，一般来说使用Sass要先安装ruby（由于Sass的强大和node.js的流行，大神们造出了node-sass,node-sass）。）
browserSync，这个是比较新的调试工具，一个插件就实现了我上一篇文章捣鼓了一下午的livereload功能，而且这玩意还有十分牛X的功能就是：
多浏览器同步调试，想象一下：你的工作台上面有很多移动设备配合你做多屏适应，你只需要保存代码，所有设备都会自动刷新，而且在一个设备做点击，滚动等操作，其他设备也会同步响应，酷炫！browserSync运行起来后，会有一个可视化设置页面，可以管理调试设备和调试功能，而且，它竟然还内置了weinre,只需要一个按钮就可以打开weinre调试功能。（但是我暂时只能在本地环境能使用到weinre的调试功能，移动设备还需要进一步研究。感谢富华同学发现的这个插件！）
其实嘛，学习新的东西，最好还是去官网看文档。所以我就不在这里班门弄斧了，大家都是聪明人。这里给大家一个链接: Gulp.js。gulp.js本来就很容易上手，这篇教程也很高质量，配合一下gulp.js的官方文档和gulp.js相关插件的文档，easy job!
相信以后能打酱油的日子越来越少了，这些日子里，学到了不少实用的东西，包括程序员必学的git，推荐给大家一个很好的学习git的途径：学着建一个Github Pages，这是Github提供的建立个人主页，项目主页的功能，代码都是托管在Github，免费而且还有个人域名。需要用到jekyll，jekyll又需要用到ruby，这里有一个大坑，ruby和gem都是OS X自带的，在OS X下直接gem install jekyll一路顺风，可恶的是在windows下，编译jekyll又需要ruby的devkit，要安装好jekyll，请下载ruby 2.0.0 版本的不要用 1.9.3 或 2.1.5 ，亲身惨痛经历！
如果大家对gulp.js设置有问题，可以看一下我上传的Github
标签：
原文地址：http://my.oschina.net/u/2287563/blog/380559
