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

====================================================================
npm命令部分簡寫:
npm i等于npm install
--save-dev等于-D

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

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

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

4.平常使用：只需要切換到項目目錄下面，敲入命令gulp即可，如果報錯或者出現問題，只需要敲入兩遍ctrl+c取消，再重新敲入gulp既可

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

轉載于:https://www.cnblogs.com/rachelch/p/7581738.html

總結

以上是生活随笔為你收集整理的gulp使用笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。