1.gulp是什么？

Gulp是基于node的一個(gè)自動(dòng)化構(gòu)建工具，開發(fā)者可以使用它構(gòu)建自動(dòng)化工作流程（前端集成開發(fā)環(huán)境）。例如：網(wǎng)頁自動(dòng)刷新，CSS預(yù)處理，代碼檢測(cè)，圖片壓縮等功能，只需要簡(jiǎn)單的命令行就可以全部完成。使用它，可以簡(jiǎn)化工作，讓你把重點(diǎn)放在功能的開發(fā)上，同時(shí)減少人為失誤，提高開發(fā)的效率和質(zhì)量。

2.gulp的安裝是基于node的，所以安裝gulp之前需要查看此電腦安裝node沒有。

（1）win+R打開運(yùn)行窗口，然后輸入cmd點(diǎn)擊確定進(jìn)入命令提示行。

1.png

（2）輸入node -v 查看node版本；npm -v查看npm版本；

2.png

（3）如果你電腦上面沒有安裝過node，則需要去node官網(wǎng)下載安裝才能繼續(xù)學(xué)習(xí)和安裝gulp。

安裝node：[https://nodejs.org/en/](https://nodejs.org/en/)

3.png

（4）node安裝完成之后，就可以安裝gulp！

3.安裝gulp

（1）執(zhí)行命令行npm install gulp -g 全局安裝gulp

（2）輸入命令行g(shù)ulp -v來查看gulp是否安裝成功！

4.png

4.gulp安裝成功之后就可以創(chuàng)建項(xiàng)目進(jìn)行工作啦！

（1）創(chuàng)建工程目錄

5.png

（2）cd到工程目錄下

6.png

（3）執(zhí)行npm init 命令行創(chuàng)建package.json，這個(gè)文件保存著這個(gè)項(xiàng)目的相關(guān)信息；

7.png

（4）執(zhí)行npm install gulp --save-dev 本地安裝gulp

8.png

（5）在工程目錄下創(chuàng)建gulpfile.js文件
在gulpfile.js文件中需要先載入gulp包，因?yàn)間ulp包里面提供了一些API
var gulp = require("gulp") //引入gulp包
核心API有：

9.png

（6）執(zhí)行g(shù)ulp，運(yùn)行項(xiàng)目即可