前段自动化构建工具gulp使用（一） 安装

gulp官方网址：http://gulpjs.com

gulp插件地址：http://gulpjs.com/plugins

gulp 官方API：https://github.com/gulpjs/gulp/blob/master/docs/API.md

gulp 中文API：http://www.ydcss.com/archives/424
下面以windows环境为例进行安装

1、首先需要安装node.js

打开nodejs官网，点击硕大的绿色Download按钮，它会根据系统信息选择对应版本（.msi文件）。然后像安装QQ一样安装它就可以了（安装路径随意）
在命令行输入 node -v 显示以下信息代表安装成功

2、npm 介绍

npm（node
package manager）nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）；

使用npm安装插件：命令提示符执行

npm
install <name> [-g] [--save-dev]

；

<name>：node插件名称。例：

npm
install gulp-less --save-dev

-g：全局安装。将会安装在

C:\Users\Administrator\AppData\Roaming\npm

，并且写入系统环境变量；
 非全局安装：将会安装在当前定位目录；  全局安装可以通过命令行在任何地方调用它，本地安装将安装在定位目录的node_modules文件夹下，通过require()调用；

--save

：将保存配置信息至package.json（package.json是nodejs项目配置文件）；

-dev：保存至package.json的devDependencies节点，不指定-dev将保存至dependencies节点；一般保存在dependencies的像这些express/ejs/body-parser等等。

为什么要保存至package.json？因为node插件包相对来说非常庞大，所以不加入版本管理，将配置信息写入package.json并将其加入版本管理，其他开发者对应下载即可（命令提示符执行npm
install，则会根据package.json下载所有需要的包，

npm
install --production

只下载dependencies节点的包）。

使用npm卸载插件：

npm
uninstall <name> [-g] [--save-dev]

  PS：不要直接删除本地插件包

npm
install rimraf -g 用法：rimraf
node_modules

查看npm帮助：npm
help

当前目录已安装插件：npm
list

3、选装cnpm

说明：因为npm安装插件是从国外服务器下载，受网络影响大，可能出现异常，如果npm的服务器在中国就好了，所以我们乐于分享的淘宝团队干了这事。32个！来自官网：“这是一个完整
npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”；

安装：命令提示符执行

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

；  注意：安装完后最好查看其版本号cnpm
-v或关闭命令提示符重新打开，安装完直接使用有可能会出现错误

4、全局安装gulp

安装：命令提示符执行cnpm
install gulp -g；

查看是否正确安装：命令提示符执行gulp
-v，出现版本号即为正确安装。

经过以上步骤 gulp 便安装成功