在windows下安裝gulp[轉]

標籤：項目目錄   gulp   pos   準備   如何使用   疑問   裝包   測試   save   

一、準備工作

1、什麼是 npm?

npm 是 nodejs 的包管理工具，主要功能就是管理、更新、搜尋、發布node的包。Gulp 就是通過 NPM 安裝的。關於 NPM 中文介紹，這裡有一篇非常不錯的文章：http://www.cnblogs.com/chyingp/p/npm.html

完整的 NPM 文檔請看這裡 ：https://docs.npmjs.com

2、安裝 Node.js 並升級 NPM 到最新版本

nodejs 安裝：開啟 nodejs.org 下載 nodejs 安裝包，並根據提示安裝，這裡不做贅述。

npm 升級：當安裝完 nodejs 後，npm 就已經可用，開啟命令列執行 npm -v 如果正確顯示版本號碼，則說明安裝沒有問題。由於npm的更新速度比nodejs 要快，所以輸入 npm install npm -g 升級npm 。

3、gitbash

windows 下的命令列工具 CMD 實在難用，這裡推薦一個替代方案，建議安裝 gitbash 。反正少不了使用 GIT ，只需在安裝 GIT 時選擇 gitbash 組件即可。GIT 的安裝這裡也不做太多說明，有疑問的可以在回複中提問。

4、什麼是 gulp

gulp 官方的介紹是 用自動化構建工具增強你的工作流程！ ——  Automate and enhance your workflow！其有著便於使用、構建快速、高品質外掛程式豐富、易於學習等眾多優勢。下一節中會仔細討論和領略 gulp 的風采！

二、安裝 gulp

千呼萬喚始出來，終於到 gulp 登場的時候了。如果你已經對前面的三個步驟感到疲倦，那麼安裝 gulp 這一步就是讓你稍作休息的絕佳時機。 Gulp 的Team Dev將其安裝過程做的相當完美，不需要複雜的配置，不需要漫長的等待。  廢話不說，進入正題：

首先，開啟 gitbash 這個利器，找一個位置，建立並進入一個專案檔夾，並輸入下列命令來完成 gulp 的安裝。

全域安裝請執行$ npm install --global gulp在項目目錄安裝請輸入$ npm install --save-dev gulp

然後，建立一個名為 gulpfile.js 的設定檔在目前的目錄下，並輸入下面的代碼，這裡建立了一個空的任務（僅作為用於測試gulp是否正常工作）

var gulp = require(‘gulp‘);gulp.task(‘default‘, function() {  // place code for your default task here});

最後，執行 $ gulp 運行gulp，如果正確輸出類似下面的資訊，則說明gulp 已經正確安裝並運行。

$ gulp[11:13:17] Using gulpfile xxx\gulpfile.js[11:13:17] Starting ‘default‘...[11:13:17] Finished ‘default‘ after 44 μs$_

至此，gulp 就已經安裝完畢，下面要做的就是熟悉如何使用gulp，以及其周邊生態。

 

引自：kelsen

在windows下安裝gulp[轉]