gulp安装使用

1. 安装nodeJs

2. 全局安装gulp： npm install gulp -g

3. 在cmd切换至项目文件夹下 npm init，创建package.json文件（JSON文件内不能写注释）
{
"name":"test", //项目名称（必须）
"version":"1.0.0", //项目版本（必须）
"description":"This is for study gulp project !", //项目描述（必须）
"homepage":"", //项目主页
"repository":{ //项目资源库
"type":"git",cd
"url":"https://git.oschina.net/xxxx"
},
"author":{ //项目作者信息
"name":"surging",
"email":"surging2@qq.com"
},
"license":"ISC", //项目许可协议
"devDependencies":{ //项目依赖的插件
"gulp":"^3.8.11",
"gulp-less":"^3.0.0"
}
}

4.项目根目录下本地安装gulp插件： npm install gulp-ruby-sass --save-dev

5.新建gulpfile.js

var gulp = require('gulp');
var sass = require('gulp-ruby-sass');

gulp.task('default', ['watch']);

// 编译sass
gulp.task('sass', function(){
return sass('scss/*.scss')
.on('error', sass.logError)
.pipe(gulp.dest('css/'));
});

// 自动监听
gulp.task('watch', function(){
gulp.watch('scss/*.scss',['sass']);
});

6.在项目根目录下运行：gulp或者gulp default

ps：项目文件结构


详细教程：http://www.ydcss.com/archives/18