又一個選擇 - 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都是十分好用的東東

1. Sass，這個應該不用多說了吧，做爲第一個css預處理器，至今也擁有超高人氣，配合compass一塊兒使用，神器！！！！與之齊名的還有Less，二者語法類似，也很好學。這裏有兩篇很好的入門指南： Sass、Compass。（這裏提醒一下，因爲Sass是基於ruby的，通常來講使用Sass要先安裝ruby（因爲Sass的強大和node.js的流行，大神們造出了node-sass,node-sass）。）

2. 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