前端自动化gulp入门

一，gulp的安装

1，glup是基本nodejs安装的所以我们先简单的说一下nodejs的安装。

www.nodejs.org是nodejs的官网，下载后，下一步下一步安装一遍。

安装nodejs后默认就有了nodejs的包管理工具npm（英文全称应该是 Node Package Manager），可以理解为就是给nodejs下载插件的。

如何查看nodejs是否安装成功

window用户可以用 PowerShell 里面输入node -v，返回版本号证明你的nodejs正确安装了。

node -v             //输入，意思是查询nodejs的版本号
v0.12.7             //返回一个软件版本号

2，有了nodejs，我们就可以放心大胆的安装gulp了，注意，这里会有一个小坑。

输入语句如下，后面的-g参数表示在全局范围安装，理解为不管在电脑的那个目录，都可以用到gulp。

npm install gulp -g           

很多时候我们会安装不上，因为被墙了。没关系，大公司淘宝为我们提供了结局方案。亲们可以移步到http://npm.taobao.org/。

安装完成，以后就可以用命令cnpm来代替npm。

//用淘宝镜像来安装gulp
cnpm install gulp -g           

二，初始化项目

mkdir  myproject
cd  myproject
cnpm init                                //回车后会有一些配置提示，可以忽略，一路回车完成。
cnpm install gulp --save-dev             //下载gulp文件到项目中

完成后，在myproject目录中会增加一个文件夹和一个json文件，分别是node_modules和package.json。
新建gulpfile.js文件

var gulp = require('gulp');

gulp.task('hello',function(){
  console.log('你好');
});

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

回到命令行，输入gulp，就会自动输出名叫hello的任务，输出你好