gulp的安装及使用教程

简介

gulp是用JavaScript语言编写的运行在node.js平台开发的前端构建工具，

gulp可以处理日常工作流产生的任务（作用）：

• 项目上线时对HTML、CSS、JavaScript文件合并、压缩。

• 将ES6语法转换为ES5语法以便代码在较旧的浏览器中运行。

允许开发者将机械化的操作编写成任务，在命令行输入相关任务名称就能执行机械化操作，从而提高开发效率

安装步骤

1. 全局安装gulp-cli

gulp-cli是gulp的命令行工具，需要全局安装，用于启动各个项目中的本地gulp

首先通过npm工具下载安装gulp-cli工具，命令如下：

npm install gulp-cli@2.3.0 -g

然后打开命令行工具，运行“gulp -v”命令，如果安装成功则显示如下：

2.在项目中安装gulp

本地gulp的作用：

• 加载和运行gulpfile中的构建指令

• 暴露API供gulpfile使用

先在一个目录下创建一个文件作为项目根目录，然后在这个目录下打开cmd命令行工具进行npm初始化，命令如下

npm init

完成以后会自动创建一个package.json文件