npm,bower,gulp使用

Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如javascript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具，如YeoMan和Grunt，这个会在以后的文章中介绍。
1,安装bower
npm install -g bower
其中 -g 命令表示全局安装

开始使用，使用 help 命令查看帮助

bower初始化，命令行进入项目目录中，输入命令如下：
bower init
会提示你输入一些基本信息，根据提示按回车或者空格即可，然后会生成一个 bower.json 文件，用来保存该项目的配置

开始安装需要的包，比如我要安装一个 jquery ，输入如下命令：
bower install jquery --save
然后 bower 就会从远程下载 jquery 最新版本   到你的 js/lib 目录下
其中 --save 参数是保存配置到你的 bower.json ，你会发现 bower.json 文件已经多了一行：
"dependencies": { "jquery": "~2.1.4" } 包的信息

比如我们想要查找 jquery 都有哪些个版本，输入如下命令：
bower info jquery
会看到 jquery 的 bower.json 的信息，和可用的版本信息

包的更新
bower update
bower 就会为你切换 jquery 的版本了

包的查找
还有一个很重要的功能，就是包的查找，比如我想要安装 bootstrap 的某个插件，但是记不住名字了，就可以直接在命令行输入：
bower search bootstrap
bower 就会列出包含字符串 bootstrap 的可用包了

包的卸载

卸载包可以使用uninstall 命令：
bower uninstall jquery



NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：

    允许用户从NPM服务器下载别人编写的第三方包到本地使用。
    允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
    允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下，出现版本提示表示安装成功:

$ npm -v
2.3.0

如果你安装的是旧版本的 npm，可以很容易得通过 npm 命令来升级，命令如下：

$ sudo npm install npm -g
/usr/local/bin/npm -> /usr/local/lib/node_modules/npm/bin/npm-cli.js
npm@2.14.2 /usr/local/lib/node_modules/npm

如果是 Window 系统使用以下命令即可：

npm install npm -g

npm 安装 Node.js 模块语法格式如下：

$ npm install <Module Name>

以下实例，我们使用 npm 命令安装常用的 Node.js web框架模块 express:

$ npm install express

安装好之后，express 包就放在了工程目录下的 node_modules 目录中，因此在代码中只需要通过 require('express') 的方式就好，无需指定第三方包路径。

var express = require('express');

 npm 的包安装分为本地安装（local）、全局安装（global）两种，从敲的命令行来看，差别只是有没有-g而已，比如

npm install express          # 本地安装
npm install express -g   # 全局安装

如果出现以下错误：

npm err! Error: connect ECONNREFUSED 127.0.0.1:8087

解决办法为：

$ npm config set proxy null

本地安装

    1. 将安装包放在 ./node_modules 下（运行 npm 命令时所在的目录），如果没有 node_modules 目录，会在当前执行 npm 命令的目录下生成 node_modules 目录。
    2. 可以通过 require() 来引入本地安装的包。

全局安装

    1. 将安装包放在 /usr/local 下或者你 node 的安装目录。
    2. 可以直接在命令行里使用。

如果你希望具备两者功能，则需要在两个地方安装它或使用 npm link。

接下来我们使用全局方式安装 express

$ npm install express -g

你可以使用以下命令来查看所有全局安装的模块：

$ npm ls -g

package.json 位于模块的目录下，用于定义包的属性。接下来让我们来看下 express 包的 package.json 文件

卸载模块

我们可以使用以下命令来卸载 Node.js 模块。

$ npm uninstall express

卸载后，你可以到 /node_modules/ 目录下查看包是否还存在，或者使用以下命令查看：

$ npm ls

更新模块

我们可以使用以下命令更新模块：

$ npm update express

搜索模块

使用以下来搜索模块：

$ npm search express



gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。

gulp是基于Nodejs的自动任务运行器， 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。在实现上，她借鉴了Unix操作系统的管道（pipe）思想，前一级的输出，直接变成后一级的输入，使得在操作上非常简单。通过本文，我们将学习如何使用Gulp来改变开发流程，从而使开发更加快速高效。

gulp 和 grunt 非常类似，但相比于 grunt 的频繁 IO 操作，gulp 的流操作，能更快地更便捷地完成构建工作。

安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gulpfile.js -> 运行任务

说明：全局安装gulp目的是为了通过她执行gulp任务；

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

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

package.json是基于nodejs项目必不可少的配置文件，它是存放在项目根目录的普通json文件

npm install gulp-less --save-dev；

为了能正常使用，我们还得本地安装gulp：cnpm install gulp --save-dev；

PS：细心的你可能会发现，我们全局安装了gulp，项目也安装了gulp，全局安装gulp是为了执行gulp任务，本地安装gulp则是为了调用gulp插件的功能

运行gulp

9.1、说明：命令提示符执行gulp 任务名称；

9.2、编译less：命令提示符执行gulp testLess；

9.3、当执行gulp default或gulp将会调用default任务里的所有任务[‘testLess’,’elseTask’]。