glup安装以及使用

一、安装node.js
1、说明：glup基于node.js
2、安装：下载链接：https://nodejs.org/en/

二、使用命令行
1、简单介绍gulp在使用过程中常用命令，打开命令提示符执行下列命令
node -v查看安装的nodejs版本，出现版本号，说明刚刚已正确安装nodejs。
PS：未能出现版本号，请尝试注销电脑重试；
npm -v查看npm的版本号，npm是在安装node.js时一同安装的node.js包管理器，
cd定位到目录，用法：cd + 路径 ；
ls列出文件列表；
clear清空命令提示符窗口内容。
三、npm介绍
1、说明：npm（node package manager）nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）
2、使用npm安装插件：命令提示符执行npm install [-g] [–save-dev]
2.1 ：node插件名称。例：npm install gulp-less –save-dev
2.2 -g：全局安装。将会安装在C:\Users\Administrator\AppData\Roaming\npm，并且写入系统环境变量； 非全局安装：将会安装在当前定位目录； 全局安装可以通过命令行在任何地方调用它，本地安装将安装在定位目录的node_modules文件夹下，通过require()调用；
2.3–save：将保存配置信息至package.json（package.json是nodejs项目配置文件）；
2.4、-dev：保存至package.json的devDependencies节点，不指定-dev将保存至dependencies节点；一般保存在dependencies的像这些express/ejs/body-parser等等。
2.5、为什么要保存至package.json？因为node插件包相对来说非常庞大，所以不加入版本管理，将配置信息写入package.json并将其加入版本管理，其他开发者对应下载即可（命令提示符执行npm install，则会根据package.json下载所有需要的包，npm install –production只下载dependencies节点的包）。
四、安装gulp
1、说明：全局安装gulp目的是为了通过她执行gulp任务
2、全局安装：命令提示符执行 npm install gulp -g；ps: 尝试使用root用户 sudo npm install gulp -g
作为项目的开发依赖（devDependencies）安装：npm install –save-dev gulp
3、查看是否正确安装：命令提示符执行gulp -v，出现版本号即为正确安装。
五、新建gulpfile.js文件（重要）
压缩css/js为例
1、基础配置

var gulp = require('gulp'), //本地安装gulp所用到的地方
minifycss = require('gulp-minify-css'),
concat = require('gulp-concat'),
uglify = require('gulp-uglify'),
rename = require('gulp-rename'),
del = require('del');

2、压缩css

gulp.task('minifycss', function() {
gulp.src('weui/css/*.css') //压缩的文件
.pipe(minifycss()) //执行压缩
.pipe(gulp.dest('release/css')) ; //输出文件夹
});

3、压缩js

gulp.task('minifycss',function () {
gulp.src('weui/js/*.js') //压缩的文件
.pipe(uglify()) //压缩
.pipe(gulp.dest('release/js')); //输出
})

4、执行gulp
命令行：gulp minifycss