一、前言
node,npm容易受限版本限制（node太高不行npm跟不上，nvm不會用，nvm安裝node終端 找不到node和npm命令,node太低報錯），所以儘量安裝穩定版本，確保node與npm相匹配。
nodejs以往版本：點此獲取
安裝nodejs:https://blog.csdn.net/weixin_45191282/article/details/106527708
同時，如果全局版本號與本地項目版本號不一致，會報錯，因此glup -v查看版本號，確認全局版本號與本地項目版本號一致，
如果不一致，可以：
卸載全局gulp版本
npm uninstall gulp -g
安裝全局gulp版本(或者只安裝本地項目gulp)
npm install [email protected] -g
安裝本地項目gulp
npm install [email protected] --save-dev
網速太慢，npm採用淘寶鏡像：
npm config set registry https://registry.npm.taobao.org/
安裝gulp-imagemin
npm install gulp-imagemin --save-dev
安裝gulp-uglify
npm install gulp-uglify --save-dev
安裝gulp-sass
set sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
npm install gulp-sass --save-dev
安裝gulp-concat
npm install gulp-concat --save-dev
二、PPT演示
三：項目實戰
1、在Webstrom新建項目gulpewxapp，準備資源
項目目錄：
2、在項目內打開終端
3、初始化項目
npm init
直接回車就行
項目目錄：
4、安裝gulp
安裝全局gulp
npm install [email protected] -g
安裝本地項目gulp
npm install [email protected] --save-dev
查看gulp版本
項目目錄：
【注意】
5、編寫gulpfile.js
終端命令：
1】gulp拷貝文件
終端命令：
項目目錄：
2】圖片壓縮
終端命令：
項目目錄：
3】壓縮JS
終端命令：
項目目錄：
4】sass轉css
終端命令：
項目目錄：
5】gulp執行多任務
刪除dist文件夾
註釋默認任務
把其他任務名以數組的形式寫入
終端命令：
項目目錄：
6】代碼合併
新建file2.js
終端命令：
項目目錄：
7】監聽文件
終端命令
修改src下的index.html
終端顯示
查看dist下的index.html
更多gulp命令可以自己百度一下