安裝gulp

gulp入坑系列(1)——安裝gulp

2016年12月09日 19:05:22

閱讀數：2903

前言

  好吧，我認可我是爲了搞定Sass編譯CSS文件的問題，迷同樣的着手入gulp的坑，sass和gulp的爬坑歷程大概會一塊兒更新。而後感受這裏windows和mac的流程差很少，不過mac的一般在指令前加sudo ，本喵是windows的本本，因此就以windows的流程爲例了。

1. 安裝淘寶cnpm鏡像

   由於不少npm包都是國外的，因此安裝起來很慢，因此咱們能夠利用淘寶的鏡像服務器來進行安裝後續的包，速度和成功率會高不少。 
因此首先打開cmd，輸入指令： 
npm install -g cnpm –registry=https://registry.npm.taobao.org 
回車之後等待執行即可，安裝完成後可使用cnpm -v來檢測，若是返回版本號，則說明已經安裝成功了。

2.全局安裝gulp

在命令行中鍵入指令 
cnpm install –global gulp 
這裏將官網上的npm改爲了cnpm，安裝起來會很是快

3.做爲項目的開發依賴安裝：

   首先，新建一個用來項目開發的空文件夾，而後再命令行工具裏cd到文件夾中(有git的童鞋在文件夾裏直接右鍵 git bash here也是Ok的) 
   而後執行如下 npm init,會發現文件夾中多出一個 
   而後在命令行中執行 npm init,效果以下圖，一路無腦回車便可 
 
   執行完成後你會發現本來的空文件夾裏多出了一個叫package.json的文件。說明執行成功啦。 
  完成後接着執行指令： 
  npm install –save-dev gulp 
注意:1.命令行工具必定要進入到這個用來項目開發的空文件夾 
   2.這裏不要使用cnpm，使用npm便可（親身經歷，用cnpm以後運行gulp的時候會報錯，大概是cnpm的某些包不全）

  接下來須要等待一下子，完成後，須要去文件夾的根目錄中，新建一個名爲gulpfile.js的javascript文件，寫入內容以下:

var gulp = require('gulp'); gulp.task('default', function() { // 將你的默認的任務代碼放在這 });

• 1
• 2
• 3
• 4
• 5

最後在命令行裏執行指令: glup 回車 
 
效果如上圖，則說明glup已經成功安裝在項目中啦~ 
後續gulp的使用我會繼續學習和更新噠~