gulp构建工具使用之安装

发表于   |   分类于   |  

  • 安装node.js

打开node.js官网,根据自己的系统下载安装对应的node版本。
安装完之后，分别输入

1
2
$ node -v
$ npm -v

可以用来查看node与npm的版本

  • 全局安装gulp

使用以下命令安装：

1
$ npm install -g gulp

不过在国内使用npm安装会非常的慢，有时候甚至安装失败，所以可以用npm的国内镜像淘宝 NPM 镜像，这是一个
完整的npmjs.org的镜像。使用方法在官网可以查看。
使用说明：

1
$ npm install -g cnpm --registry=https://registry.npm.taobao.org

安装结束后，就可以用cnpm替代npm执行所有的操作。

  • 关于package.json

package.json文件描述了一个NPM包的所有相关信息，包括作者、简介、包依赖、构建等信息。格式必须是严格的JSON格式。
通常我们在创建一个NPM程序时，可以使用命令，通过交互式的命令，自动生成一个package.json文件，里面包含了常用的一些字段信息，但远不止这么简单。
通过完善package.json文件，我们可以让npm命令更好地为我们服务。
创建package.json文件命令：

1
$ npm init

package.json

  • 项目安装gulp

安装

1
$ cnpm install --save-dev gulp

创建任务

然后新建一个gulp的主文件“gulpfile.js”，，我们可以在该文件中定义要执行的任务。
在gulpfile.js中建立一个defualt任务

1
2
3
4
var gulp = require('gulp');
gulp.task('default',function(){
    console.log('use gulp');
});

执行任务

直接在命令行中输入gulp命令即可运行defualt任务，如要执行指定任务则要加上任务名，如gulp taskNmme
gulp task