gulp是基於node的。Gulp是基於node平臺開發的前端構建工具，是一個自動化構建工具，開發者可以使用它構建自動化工作流程。利用Gulp，可以簡化工作，讓開發者把重點放在功能的開發上，同時減少人為失誤，提高開發的效率和品質。

本教學操作環境：windows7系統、nodejs 12.19.0版，DELL G3電腦。

gulp是基於node的。

Gulp是基於node平臺開發的前端構建工具，是基於node的一個自動化構建工具，開發者可以使用它構建自動化工作流程（前端整合式開發環境）。例如：網頁自動重新整理，CSS預處理，程式碼檢測，圖片壓縮等功能，只需要簡單的命令列就可以全部完成。

使用Gulp，可以簡化工作，讓你把重點放在功能的開發上，同時減少人為失誤，提高開發的效率和品質。

Gulp 能做什麼

• 專案上線時，將 HTML、CSS、JS檔案壓縮合並

• 語法轉換(es6、less…)

• 公共檔案抽離

• 修改檔案瀏覽器自動重新整理

gulp的安裝和使用

gulp的安裝是基於node的，所以安裝gulp之前需要檢視此電腦安裝node沒有。

（1）win+R開啟執行視窗，然後輸入cmd點選確定進入命令提示行。

（2）輸入node -v 檢視node版本；npm -v檢視npm版本；

（3）如果你電腦上面沒有安裝過node，則需要去node官網下載安裝才能繼續學習和安裝gulp。

安裝node：https://nodejs.org/en/

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

安裝gulp

（1）執行命令列npm install gulp -g 全域性安裝gulp

（2）輸入命令列gulp -v來檢視gulp是否安裝成功！

gulp安裝成功之後就可以建立專案進行工作啦！

（1）建立工程目錄

（2）cd到工程目錄下

（3）執行npm init 命令列建立package.json，這個檔案儲存著這個專案的相關資訊；

（4）執行npm install gulp --save-dev 本地安裝gulp

（5）在工程目錄下建立gulpfile.js檔案

在gulpfile.js檔案中需要先載入gulp包，因為gulp包裡面提供了一些API

 var gulp = require("gulp")                //引入gulp包

核心API有：

（6）執行gulp，執行專案即可

更多node相關知識，請存取：！

以上就是gulp是基於node的嗎的詳細內容，更多請關注TW511.COM其它相關文章！