又一个选择 - Gulp.js

原创
2015/02/27 17:57
阅读数 602

####前言

       还记得过年前的那篇介绍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

展开阅读全文
打赏
0
13 收藏
分享
加载中
更多评论
打赏
0 评论
13 收藏
0
分享
返回顶部
顶部