gulp填坑记（一）

gulp是基于Node.js的自动任务运行器。能够自动完成html、image、css和js等文件的检测、检查、合并、压缩、格式化等，并监听文件在改动后重复指定的这些步骤。

一.首先，我全局安装了gulp

npm install -g gulp

　　此时，能够将gulp理解为 node的一个模块。

二.使用

　　基于具体的某个项目。

　　※ 项目安装gulp，本地方式来安装

　　※ 安装相应的gulp插件

　　※ 配置gulpfile.js  须要编写一些js代码，编写任务

　　※ 运行任务

　　　　注意全局安装和本地安装的各自做用

　　　　全局安装，是为了在任何地方，可使用gulp 命令来执行任务。

　　　　本地安装，是由于在编写任务的时候，须要用到gulp模块中的一些功能（方法/函数） 

　　简单实例：

　　　　第一步，新建一个目录 gulp-demo，做为项目目录

　　　　第二步，本地安装gulp

　　　　 　　　　gulp-demo中本地打开cmd命令：

npm install gulp

　　　　　　　　这里问题来了

　　　　　　　　

　　　　　　提示“open....package.json”，可是发现安装完后不存在package.json，此时，就必须新建一个package.json

　　　　　　执行命令

 

npm init

 

　　

　　完成！

　　说明：

　　第三步，编写gulpfile.js文件

 

//引入gulp模块
const gulp=require('gulp');
//编写第一个任务
gulp.task('task1',function(){
	setInterval(function(){
		console.log('hello,gulp!');
	},200);
})

 

　　运行

　　

　　　项目目录结构：

　　

 　　

参考文章：http://www.ydcss.com/archives/18#lesson6