1. 程式人生 > >安裝gulp教程(整理)

安裝gulp教程(整理)

files 分隔 java nodejs -s cnp mage http dev

1.gulp需要用到npm和nodejs

所以先安裝這兩個,由於最新版本的nodejs已經包含npm。所以安裝nodejs即可。

①nodejs國內安裝地址

http://nodejs.cn/download/

安裝後運行-cmd,檢測PATH環境變量是否配置了Node.js,點擊開始=》運行=》輸入"cmd" => 輸入命令"path",輸出如下結果:

技術分享圖片

我們可以看到環境變量中已經包含了C:\Program Files\nodejs\

檢查Node.js版本

技術分享圖片

②使用$ npm install --global gulp

技術分享圖片

npm沒有成功配置,去查看環境變量,

技術分享圖片

指到3所指的路徑,你會看到下圖只有一個etc文件,沒有馬賽克部分內容,沒有npm文件。

發現問題後,我們在環境變量中添加我們安裝的npm命令行執行文件路徑

我的是安裝在D:\Program Files\nodejs下(如下圖)

技術分享圖片

則添加此路徑的環境變量,按下圖步驟

技術分享圖片

如果系統跟這個不一樣,就在path的變量下在原有的路徑下追加新的路徑,用“;”分隔

技術分享圖片

npm配置完畢

③ 使用npm的國內鏡像,npm install -g cnpm --registry=https://registry.npm.taobao.org

等待一會兒安裝成功

④ 安裝gulp

1. 全局安裝 gulp:

$ npm install --global gulp

2. 作為項目的開發依賴(devDependencies)安裝:

$ npm install --save-dev gulp

3. 在項目根目錄下創建一個名為 gulpfile.js 的文件:

var gulp = require(‘gulp‘);

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

4. 運行 gulp:

$ gulp

參考:

  • 菜鳥教程nodejs安裝:http://www.runoob.com/nodejs/nodejs-install-setup.html
  • npm未成功安裝,使用npm命令提示: ‘npm‘ 不是內部或外部命令,也不是可運行的程序

https://blog.csdn.net/qq_29712995/article/details/79094433

安裝gulp教程(整理)