gulp環(huán)境搭建:
npm install gulp-cli -g //全局安裝gulp-cli（用cd命令切換到項(xiàng)目所在的路徑，再敲入這行命令）
npm init 然后一直回車(chē),最后yes(這一步是配置package.json文件,后續(xù)可以自己直接配置文件)
npm install gulp -D //局部安裝gulp并將安裝的版本信息寫(xiě)入配置文件package.json中
在需要用到gulp的項(xiàng)目中手動(dòng)新建gulpfile.js文件
根據(jù)自己的需求配置gulpfile.js文件
使用npm install逐個(gè)安裝需要用到的gulp組件，如css/js壓縮組件,less編譯組件,瀏覽器自動(dòng)刷新組件
配置完畢后即可通過(guò)dos命令提示符使用gulp

====================================================================
npm命令部分簡(jiǎn)寫(xiě):
npm i等于npm install
--save-dev等于-D

====================================================================
注意:

1.如果遇到下載特別慢的情況,可以使用淘寶鏡像,在命令后面加上參數(shù),如:
npm i gulp-less -D --registry=https://registry.npm.taobao.org --verbose
2.全局安裝的就不需要寫(xiě)入配置信息,只要加-g代表全局;局部安裝的需要寫(xiě)入配置信息,只要加-D
大的組件需要全局安裝.如:gulp,less,browser-sync;子組件不需要.如:gulp-less;
全局安裝過(guò)的組件都需要再在項(xiàng)目中局部安裝一遍
3.搭建完之后項(xiàng)目中會(huì)多一個(gè)node_modules文件夾,里面全部是npm下載下來(lái)的包,不可刪除,但是占用內(nèi)存很大,不要傳到代碼倉(cāng)庫(kù)中,要使用版本管理工具忽略掉
4.在dos敲每一個(gè)命令之后都要觀察有沒(méi)有報(bào)錯(cuò)信息

使用注意事項(xiàng):
1.gulpfile.js文件中每個(gè)require的名字都是node組件名,都是需要用npm安裝的
2.gulpfile.js文件中所有的路徑是從gulpfile.js文件所在的位置開(kāi)始算起的
3.修改完gulpfile.js文件需要重啟gulp;用兩遍ctrl+c取消

4.平常使用：只需要切換到項(xiàng)目目錄下面，敲入命令gulp即可，如果報(bào)錯(cuò)或者出現(xiàn)問(wèn)題，只需要敲入兩遍ctrl+c取消，再重新敲入gulp既可

?資料鏈接：http://www.imooc.com/article/8979

轉(zhuǎn)載于:https://www.cnblogs.com/rachelch/p/7581738.html

總結(jié)

以上是生活随笔為你收集整理的gulp使用笔记的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。