相關連接導航
在windows下安裝gulp —— 基於 Gulp 的前端集成解決方案（一）
執行 $Gulp 時發生了什么 —— 基於 Gulp 的前端集成解決方案（二）
一、准備工作
1、什么是 npm?
npm 是 nodejs 的包管理工具，主要功能就是管理、更新、搜索、發布node的包。Gulp 就是通過 NPM 安裝的。關於 NPM 中文介紹，這里有一篇非常不錯的文章：http://www.cnblogs.com/chyingp/p/npm.html
完整的 NPM 文檔請看這里 ：https://docs.npmjs.com
2、安裝 Node.js 並升級 NPM 到最新版本
nodejs 安裝：打開 nodejs.org 下載 nodejs 安裝包，並根據提示安裝，這里不做贅述。
npm 升級：當安裝完 nodejs 后，npm 就已經可用，打開命令行執行 npm -v 如果正確顯示版本號，則說明安裝沒有問題。由於npm的更新速度比nodejs 要快，所以輸入 npm install npm -g 升級npm 。
3、gitbash
windows 下的命令行工具 CMD 實在難用，這里推薦一個替代方案，建議安裝 gitbash 。反正少不了使用 GIT ，只需在安裝 GIT 時選擇 gitbash 組件即可。GIT 的安裝這里也不做太多說明，有疑問的可以在回復中提問。
4、什么是 gulp
gulp 官方的介紹是 用自動化構建工具增強你的工作流程！ —— Automate and enhance your workflow！其有着易於使用、構建快速、高質量插件豐富、易於學習等眾多優勢。下一節中會仔細討論和領略 gulp 的風采！
二、安裝 gulp
千呼萬喚始出來，終於到 gulp 登場的時候了。如果你已經對前面的三個步驟感到疲倦，那么安裝 gulp 這一步就是讓你稍作休息的絕佳時機。 Gulp 的開發團隊將其安裝過程做的相當完美，不需要復雜的配置，不需要漫長的等待。 廢話不說，進入正題：
首先，打開 gitbash 這個利器，找一個位置，創建並進入一個項目文件夾，並輸入下列命令來完成 gulp 的安裝。
全局安裝請執行 $ npm install --global gulp 在項目目錄安裝請輸入 $ npm install --save-dev gulp
然后，創建一個名為 gulpfile.js 的配置文件在當前目錄下，並輸入下面的代碼，這里創建了一個空的任務（僅作為用於測試gulp是否正常工作）
var gulp = require('gulp'); gulp.task('default', function() { // place code for your default task here });
最后，執行 $ gulp 運行gulp，如果正確輸出類似下面的信息，則說明gulp 已經正確安裝並運行。
$ gulp [11:13:17] Using gulpfile xxx\gulpfile.js [11:13:17] Starting 'default'... [11:13:17] Finished 'default' after 44 μs $_
至此，gulp 就已經安裝完畢，下面要做的就是熟悉如何使用gulp，以及其周邊生態。
寫在后面
關於本文如果您有任何建議或疑問請在下面留言交流。