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的安裝是基於node的,所以安裝gulp之前需要查看此電腦安裝node沒有。
(1)win R開啟執行窗口,然後輸入cmd點選確定進入命令提示行。
#1
#1 )
如果你電腦上面沒有安裝過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到工程目錄下
(2)cd到工程目錄下 #############C ###### (3)執行npm init 命令列建立package.json,這個檔案保存著這個專案的相關資訊;###### ###c##### gulp --save-dev 本地安裝gulp###### ######### (5)在工程目錄下建立gulpfile.js 載入gulp包,因為gulp包裡面提供了一些API###var gulp = require("gulp") //引入gulp包### 核心API有:############### (6)執行作業可執行專案即可執行#####更多node相關知識,請造訪:###nodejs 教學###! ###
以上是gulp是基於node的嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!