核心提示：1.下载安装node.js及配置环境，这个随意。2.初始化目录：启动控制台到项目文件夹执行npm init；这样会生成package.json文件3.接着在控制台全局安装gulp包：npm insta...
1.下载安装node.js及配置环境，这个随意。
2.初始化目录：启动控制台到项目文件夹执行npm init；这样会生成package.json文件
3.接着在控制台全局安装gulp包：npm install -g gulp；安装完成后再局部安装：npm install --save-dev gulp，这样gulp版本信息会保存到package.json文件中，这样项目可以在没有全局安装过gulp的电脑上也可以npm isntall后执行。
4.局部安装gulp的依赖包：gulp-minify-html、gulp-cssmin、gulp-uglify和gulp-imagemin，这三个包分别压缩html，css、js 和图片。gulp-concat包合并js文件；gulp-clean删除文件夹
var pkg = require("pkgName");
gulp.task("taskName", function(){
gulp.src("filePath")
.pipe(gulp.dest("开发输出路径")) // 复制文件
.pipe(pkg())
.pipe(gulp.dest("生产输出路径")) // 最终执行文件路径
})
5.一次性引入gulp前缀的包：gulp-load-plugins；安装好包之后在gulpfile.js文件中执行var $ = require("gulp-load-plugins")(); 然后就可以通过$[pkgName]直接调用（使用驼峰命名并去掉gulp前缀）。
6.使用自动化刷新页面：添加gulp-connect包和open包；
gulp.task("server",function(){
$.connect.server({
root: "dev/",
port: 8000,
livereload: true
});
open("https://localhost:8000");
gulp.watch("src/*.html",["html"]);
gulp.watch("src/css/*.css",["css"]);
gulp.watch("src/js/*.js",["js"]);
gulp.watch("src/images/**",["imgae"]);
});
然后在每个注册任务中的pipe（管道流）的最后面添加 .pipe($.connect.reload())，然后每次有监听的文件修改时就会自动刷新浏览器了，开始第一次没刷新浏览器是因为default任务只添加了server任务而没添加html或其他任务，开始监听文件没修改即不会更新。
7. 解决gulp经常奔溃的问题：使用gulp-plumber包（大家可以查考一下这篇文章），在容易出错的地方的pipe流最开始的地方加上pipe($.plumber())即可捕捉当前管道流中出现的错误。
