gulp教程1：gulp环境搭建

gulp环境搭建

gulp是一款基于stream的前端构建工具,下面就是安装教程javascript

1. 初始化package.json

命令行： npm init -y

a. 须要node.js支持,初始化一个package.json文件前端

 若是输入命令：npm init，系统会向用户提问一系列问题，若是你以为不用修改默认配置，一路回车就能够了。若是使用了 -f（表明force）、-y（表明yes），则跳过提问阶段，直接生成一个新的 package.json 文件。java

b. package.json文件
 里面有项目依赖，当别人使用咱们json文件时，能够经过命令行来安装依赖的插件，让文件正常运行。node

安装全部依赖文件命令行：web

npm install

2. 全局安装 gulp：

npm install --global gulp

上面会安装最新版本的gulp，若是想要安装指定版本，带@版本号,好比安装3.9.1版本gulpnpm

npm install  --global  gulp@3.9.1

gulp安装是否成功的标志：json

gulp -v

出现"CLI version 版本号"就表明安装成功了gulp

3. 做为项目的开发依赖

npm install --save-dev gulp    (--save-dev 是写在一块儿的)

之因此全局安装了gulp，还要项目中再装一次，主要是为了进行版本和依赖的控制。方便当项目再被人电脑运行时，不至于因gulp版本不一样而产生bug。前端构建

4. 建立gulpfile.js 的文件：

在项目根目录下建立一个名为 gulpfile.js 的文件,里面存放的是要执行的任务。svg

5. 运行 gulp：

gulp 任务名

默认的名为 default 的任务（task）将会被运行。想要单独执行特定的任务（task），请输入 gulp 任务名。

好比：

var gulp = require('gulp');
gulp.task('default', function() {
  //将你的默认的任务代码放在这
});