gulp能用來做什么？怎樣安裝gulp工具

gulp是用JavaScript 語言編寫的運(yùn)行在Node.js平臺(tái)開發(fā)的前端構(gòu)建工具ogialp是一個(gè)JavaScript程序，并且它的指令使用的也是JavaScript語言，所以gulp通常是前端開發(fā)人員自動(dòng)處理日常任務(wù)的首選工具。

galp可以處理日常工作流產(chǎn)生的任務(wù)，例如項(xiàng)目上線時(shí)對(duì)HTML、CSS、JavaScript文件合并、壓縮，或者將ES6語法轉(zhuǎn)換為ES5語法以便代碼在較舊的瀏覽器中運(yùn)行。它允許開發(fā)者將機(jī)械化的操作編寫成任務(wù)，在命令行輸入相關(guān)的任務(wù)名稱就能執(zhí)行機(jī)械化操作，從而提高開發(fā)效率。gulp通常包括以下內(nèi)容。

·gulp-cli:啟動(dòng)構(gòu)建工具的命令行接口。

·本地gulp：構(gòu)建時(shí)實(shí)際運(yùn)行的程序。

·gulpfile.js：告訴 gulp 如何構(gòu)建款件的指令文件。

·gulp插件：用于合并、壓縮、修改文件的插件。

在了解gulp的作用后，下面將對(duì)gulp的安裝進(jìn)行詳細(xì)講解。

gulp-cli是glp的命令行工具，它需要全局安裝，以便gp能夠在命令提示符中直接運(yùn)行。

gulp-cli是本地gp的全局入口，負(fù)責(zé)把所有參數(shù)轉(zhuǎn)發(fā)到本地gdlp，以及顯示項(xiàng)目里安裝的本地gulp的版本。全局gp用于啟動(dòng)各個(gè)項(xiàng)目中的本地gp，換句話說，如果在全局安裝了gulp-cli，那么就可以在不同的項(xiàng)目中使用不同的gulp版本。

首先通過 npm 工具下載安裝gap-cli工具，命令如下。

npm instal1 gulp-cli92.3.0 -g

上述代碼中，-g參數(shù)全稱為global，作用是讓mpm全局安裝這個(gè)包，等到安裝完成后，就可以運(yùn)行新命令galp了;@2.3.0表示全局golp-ci的版本。

打開命令行工具，運(yùn)行“gp-”命令，如果gulp-ci安裝成功，則命令行輸出結(jié)果如圖所示。

從圖中可以看出，當(dāng)前系統(tǒng)中成功安裝了gup-cli。gup-ci版本顯示為全局安裝的版本。