gulp
將開發流程中讓人痛苦或耗時的任務自動化,從而減少你所浪費的時間、創造更大價值。
下載GULP之前我們需要先下載NodeJS
1.下載安裝NodeJS
2.啓動NodeJs
window
window鍵 - nodeJS文件 - nodejs prompt
蘋果電腦 =》終端
node -v 查看安裝的nodeJS的版本
【拓展】nvm 自行查詢,自行安裝
3.安裝node js
npm : 管理第三方包的包管理器 {npm下載源是國外的網站} 所以我們一般不採用npm下載而是選擇cnpm 淘寶鏡像配置
**
安裝cnpm 淘寶鏡像
**
4.安裝cnpm 淘寶鏡像
https://npm.taobao.org/
安裝代碼 dos界面:
npm install -g cnpm --registry=https://registry.npm.taobao.org
5.cnpm下載一些數據,是從國內淘寶服務器上 下載數據。
6.安裝GUIP到本地
**注:window不用注意這個細節,蘋果電腦每條命令前都必須加sudo(可以需要輸入密碼)**
1.全局安裝gulp
cnpm install gulp -g
gulp -v 查看當前版本
2.進入你想開發項目的這個目錄
創建一個項目的文件夾
注:window的電腦是分磁盤的,如果你在別的盤創建的文件,應該先去切換盤符
D: + enter
E: + enter
cd + 目錄(或拽你創建的文件到dos界面中)
清屏:window cls 蘋果/linux : clear
7.初始化當前目錄
cnpm init
會提醒你是否修改包的名字 不修改直接回車即可
確認版本:確認 回車
當前項目的描述
入口信息 不用設置
當前項目的關鍵字 測試信息
項目是否需要連接git
關鍵字
作者
協議
最後確認回車
注;初始化後生成package.json的文件,存放你當前項目一些配置信息(如果你需要修改信息,可以直接在修改裏面的對應項)
8.當前項目中安裝gulp 安裝到本地
cnpm install gulp --save-dev
--save 將這個文件,按照到本地的當前文件夾
-dev 將安裝gulp的信息保存在package.json裏面
注意:下載完以後 我們在package.json這個文件中有 “gulp”: "^4.0.2"這條命令 因爲這個版本不是最新版本的,爲了後面操作時出現問題 所有一般需要把這個命令刪除,然後再到剛剛創建的包裏面刪除掉node_modules文件夾(下載gulp所依賴的文件)
再次重新下載 @你需要的版本
cnpm install gulp@3.9.1 --save-dev