又一个选择 - Gulp.js
前言
还记得过年前的那篇介绍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
的官方文档和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
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。