安裝gulp教程(整理)
阿新 • • 發佈:2018-05-31
files 分隔 java nodejs -s cnp mage http dev
3. 在項目根目錄下創建一個名為
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教程(整理)