gulp的使用(一)之gulp的基础了解

Gulp是一个工具。用于项目构建。

Gulp简介：

多个开发者共同开发一个项目，每位开发者负责不同的模块，这就会造成一个完整的项目实际上是由许多的“代码版段”组成的；

使用less、sass等一些预处理程序，降低CSS的维护成本，最终需要将这些预处理程序进行解析；

合并css、javascript，压缩html、css、javascript、images可以加速网页打开速度，提升性能；

这一系列的任务完全靠手动完成几乎是不可能的，借助构建工具可以轻松实现。

所谓构建工具是指通过简单配置就可以帮我们实现合并、压缩、校验、预处理等一系列任务的软件工具。

常见的构建工具包括：Grunt、Gulp、F.I.S（百度出品）、webpack

Gulp是基于Nodejs开发的一个构建工具，借助gulp插件可以实现不同的构建任务，以其简洁的配置和卓越的性能成为目前主流的构建工具。

全局安装 npm install -g gulp

安装：

1.先要全局安装

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

2.再本地安装。

切换到项目目录。(先执行 npm init)

$ npm install gulp --registry=https://registry.npm.taobao.org

安装完成会生成一个node_modules文件夹。