gulp是什麽？

　　　　gulp是前端開發過程中對代碼進行構建的工具，是自動化項目的構建利器；它不僅能對網站資源進行優化，而且在開發過程中很多重復的任務能夠使用正確的工具自動完成；使用它，我們不僅可以很愉快的編寫代碼，而且大大提高我們的工作效率。

　　　gulp是基於Nodejs的自動任務運行器， 它能自動化地完成 javascript/coffee/sass/less/html/image/css 等文件的的測試、檢查、合並、壓縮、格式化、瀏覽器自動刷新、部署文件生成，並監聽文件在改動後重復指定的這些步驟。在實現上，它借鑒了Unix操作系統的管道（pipe）思想，前一級的輸出，直接變成後一級的輸入，使得在操作上非常簡單。通過本文，我們將學習如何使用Gulp來改變開發流程，從而使開發更加快速高效。

　　　gulp 和 grunt 非常類似，但相比於 grunt 的頻繁 IO 操作，gulp 的流操作，能更快地更便捷地完成構建工作。

　　安裝gulp的一些步驟

　　　　首先當然是安裝nodejs，通過nodejs的npm全局安裝和項目安裝gulp，其次在項目裏安裝所需要的gulp插件，然後新建gulp的配置文件gulpfile.js並寫好配置信息（定義gulp任務），最後通過命令提示符運行gulp任務即可。

　　　　　　安裝nodejs -> 全局安裝gulp -> 項目安裝gulp以及gulp插件 -> 配置gulpfile.js -> 運行任務

1、安裝nodejs

　　說明：gulp是基於nodejs，理所當然需要安裝nodejs；

　　安裝：打開nodejs官網，點擊碩大的綠色Download按鈕，它會根據系統信息選擇對應版本（.msi文件）。

2、使用命令行（如果你熟悉命令行，可以直接跳到第3步）

　　說明：什麽是命令行？命令行在OSX是終端（Terminal），在windows是命令提示符（Command Prompt）；

　　註：之後操作都是在windows系統下；

　　簡單介紹gulp在使用過程中常用命令，打開命令提示符執行下列命令（打開方式：window + r 輸入cmd回車）：

　　node -v查看安裝的nodejs版本，出現版本號，說明剛剛已正確安裝nodejs。PS：未能出現版本號，請嘗試註銷電腦重試；

　　npm -v查看npm的版本號，npm是在安裝nodejs時一同安裝的nodejs包管理器，那它有什麽用呢？稍後解釋；

　　cd定位到目錄，用法：cd + 路徑 ；

　　dir列出文件列表；

　　cls清空命令提示符窗口內容。

3、npm介紹

　　說明：npm（node package manager）nodejs的包管理器，用於node插件管理（包括安裝、卸載、管理依賴等）；

　　使用npm安裝插件：命令提示符執行npm install <name> [-g] [--save-dev]；

　　<name>：node插件名稱。例：npm install gulp-less --save-dev

　　使用npm卸載插件：npm uninstall <name> [-g] [--save-dev] PS：不要直接刪除本地插件包

　　刪除全部插件：npm uninstall gulp-less gulp-uglify gulp-concat

　　借助rimraf：npm install rimraf -g 用法：rimraf node_modules

　　使用npm更新插件：npm update <name> [-g] [--save-dev]

　　更新全部插件：npm update [--save-dev]

　　查看npm幫助：npm help

　　當前目錄已安裝插件：npm list

4、全局安裝gulp

　　說明：全局安裝gulp目的是為了通過她執行gulp任務；

　　安裝：命令提示符執行cnpm install gulp -g；

　　查看是否正確安裝：命令提示符執行gulp -v，出現版本號即為正確安裝。

5、新建package.json文件

　　說明：package.json是基於nodejs項目必不可少的配置文件，它是存放在項目根目錄的普通json文件；

gulp入門教程