gulp的框架生成和编写

1、先创建一个项目文件夹

cd 项目文件夹

运行

$ npm init

会产出packge.json

新建一个gulpfile.js

运行

$ npm install gulp gulp-jade gulp-sass

也可以一个一个安装

$ npm install gulp

$ npm install gulp-jade

$ npm install gulp-sass

安装成功后会创建一个根目录.bin 和自己安装的三个文件夹（gulp gulp-sass gulp-jade）

在gulpfile.js引入插件

引入require("引入的插件名称")

var jade = require("gulp-jade")

var jade = require("gulp-sass")

var jade = require("gulp")

2、定制任务

gulp.task("任务名"，function(){
    gulp.src("jade所在的文件夹路径")
        .pipe(jade({
            pretty:true;
        }))
        .pipr(gulp.dest("让输出后的文件生成在哪里（路径）"))
})

3、运行任务

其在jade里写好的内容通过gulp-file.js来输入终端填写

gulp.task("watch",function({
    gulp.watch("less/*.less"["less"])
}))    

gulp+终端启动任务名    ["less"]

gulp less

想要使用watch是必须下载watch

$ npm install gulp-watch