gulp搭建

Gulp搭建

  首先我们要明确Gulp是基于node.js的一个前端自动化构建工具，开发者可以使用它构建自动化工作流程（前端集成开发环境）。使用Gulp可以简化工作量，让你把重点放在功能开发上，从而提高你的开发效率和工作质量。

---

  我们首先要安装node.js。node.js官方网站(点击链接下载)

---

  Node.js由三部分组成：1.内置模块、2.第三方模块、3.自定义模块，Gulp属于第三方模块。必须使用安装完Node.js以后，Node.js自带的一个工具，这个工具叫做 npm（包管理器/软件管理包）npm 主要管理的是，除node.JS本身的代码库以外的第三方插件。

  这里值得注意的是npm默认下载源是国外的网站。我天朝下载的时候很尴尬。但是万能的阿里，更改下载源，下载国内淘宝服务器上的npm镜像。阿里巴巴开源镜像站(点击进入)每 10 分钟同步一次，以保证尽量与官方服务同步，让用户下载更快速，更稳定。

【注】如果大家使用npm国内的淘宝源。接下来所有npm开头的命令，大家都需要换成 cnpm命令。只要开始使用cnpm的命令了，就必须都使用cnpm的名字。

   配置淘宝源:（注意mac电脑前面加 sudo）

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

我们打开node.js控制台，将以上命令输入到控制台当中，点击回车。【注】我们使用的是淘宝镜像，所有的包管理器必须用cnpm开头。

  配置了淘宝镜像后，按照一下步骤安装gulp。

1.全局安装gulp，输入命令（注意mac电脑前面加 sudo）。

 cnpm install gulp -g  //（只需要安装一次）

2.在你当前的文件夹内建立Gulp项目（注意mac电脑前面加 sudo）。

cd空格+路径 
//默认C盘，如果需要切换其他盘符，直接输入盘符：即可，如E：，这样我们就切换到E盘。

3.对当前项目初始化（注意mac电脑前面加 sudo）。

cnpm init //初始化后生成一个package.json文件，保存当前这个项目中关于gulp的所有配置信息

5.本地安装gulp（一个项目安装一次，注意mac电脑前面加 sudo）。

cnpm install gulp --save-dev  

//    --save  将这个软件安装到当前目录下
//    -dev    保留安装信息在package.json里
简写:
//cnpm i gulp -D
//cnpm i gulp@3.9.1 -D//3.9.1是版本号，这里以此版本举例，可根据需求自行更改。

安装完本地gulp后会多出一个 node_modules文件夹，存储着我们安装的所有文件。

  最后我们在新建一个gulpfile.js的文件，这个文件，主要目的为了给我们gulp发布任务，告诉gulp应该如何去管理项目。

  这样我们前期的gulp配置就配置完毕，接下来我还会进一步更新gulp插件的使用方法，在这里给大家先提供一个gulp插件的插件库，以及gulp官网。方便大家查找。