gulp安裝搭建前端項目自動化

下面是今天在配置gulp運行項目時遇到的問題幾個問題及其完整的安裝過程：

一、安裝node.js 。gulp是基於nodejs使用的 查看版本node   -v

二、npm install gulp -g 全局安裝gulp（重點）

重點：

三、新建一個項目目錄，進入項目目錄（cd+項目路徑或者找到項目文件shift+鼠標右鍵->在此處打開命令窗口）

四、建立一個模塊 npm init      //在項目目錄中生成一個package.json

五、本地安裝gulp npm install gulp --save-dev（重點）   //全局安裝gulp是爲了執行gulp任務，本地安裝gulp則是爲了調用gulp插件的功能

六、安裝gulp插件

例如：npm install --save-dev gulp-babel babel-preset-es2015  //es6轉es5

　　npm install gulp-autoprefixer --save-dev         //css自動添加瀏覽器前綴（若是報錯，就用cnpm從新安裝或者重裝npm  install gulp或者卸載gulp-autoprefixer後再安裝）

通常的安裝格式：npm install +<插件名>+  --save-dev

7.安裝結束後，gulp運行

 

註釋：-save-dev是指將包信息添加到devDependencies，表示你開發時依賴的包裹。 （加載依賴到package.json文件中）
           -save是指將包信息添加到dependencies，表示你發佈時依賴的包裹。 

刪除安裝的插件：()

一、全局安裝 npm i -g rimraf

二、項目目錄 rimraf -rf node _modules/插件名（不帶插件名時。所有插件都刪除，重裝插件需刪除依賴再重裝）