包管理器的功能：

1.注册机制：每个包需要确定一个唯一的ID使得搜索和下载的时候能够正确匹配，所以包管理器工具需要维护注册信息，可以依赖其他平台；

2.文件存储：确定文件存放的位置，下载的时候能够找到，当然这个地址在网络中是可以访问的

3.上传下载：这是工具的主要功能，能够提高包的使用的便利性。比如想用JQUERY只需要安装install就可以，不用到处找下载。上传并不是必备的，根据文件存储的位置而定，但需要一定的机制保障。

4.依赖分析：这也是包管理器工具主要解决问题之一，既然包之间有联系，那么下载的时候就需要处理他们之间的依赖，下载一个包的时候也需要下载依赖包。

1.bower (a package manager for the web by twitter)

twitter 推出的一款包管理工具，基于nodejs的模块化思想，将功能分散到各个模块，让模块和模块之间存在联系，通过bower来管理模块间的这种联系，主要功能就是：为了模块的升级，安装和删除，提供一种统一的，可维护的管理模式。

1.安装bower:

npm install -g bower

2.bower 常用的命令：

bower --help

3.利用bower install 安装一些模块

4.bower update 命令用于更新模块

bower update jquery 

bower 的安装实际上就是将需要的模块及模块的依赖下载到当前的目录bower_components的子目录中，通常在安装的时候自动生成bower_components目录

2.browserify

browserify的出现可以让nodejs的模块跑在浏览器中，用require（）的语法来组织前端的代码，加载npm的模块。在浏览器中，调用browserify编译后的代码，同样写在<script>标签中。

步骤：1.写node程序或模块

2.用browserify预编译成bundle.js

3.在HTML页面中加载bundle.js

3.component

component是express框架的作者开发的模块管理器，他的基本思想，是将网页所需的各种资源（脚本，样式图，图片，字体）编译后放到同一个目录中（默认是build）

4.duo

duo是在components的基础上开发的，语法和配置文件基本通用，并且借鉴browserify和GO语言的一些特点，强大好用

5.NPM

npm (node package manager)是nodejs的包管理器，用于node插件的管理（安装，卸载，管理依赖）

1.npm安装插件

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

<name>:node插件名称

-g:全局安装

--save:将保存配置信息至package.json（nodejs项目配置文件）

-dev:保存至package.json的devDependencies节点，不指定-dev

将保存至dependencies节点

2.使用npm卸载插件(ps不要直接删除本地插件包)

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

3.删除全部插件

npm uninstall gulp-less gulp-uglify gulp-concat ....

或者借助rimraf:      npm install rimraf -g

rimraf node_modules

4.使用npm 更新插件

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

更新全部插件：npm update [--save-dev]

5.查看npm帮助

npm help

6.查看当前目录已安装插件：

npm list 

npm list | grep sass:过滤指定版本

6.webpack

webpack 是一个前端资源加载／打包工具，他根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。

1.使用 cnpm 安装 webpack;

cnpm install webpack -g

2.使用 webpack 命令打包：

webpack xxx.js   bundle.js

7.gulp

gulp是基于Nodejs的自动任务运行器，他能自动化得完成javascript/coffee/sass/less/html/image/css等文件的测试，检查，合并，压缩，格式化，浏览器自动刷新，局部部署文件生成，并监听文件在改动后重复指定的这些步骤。

1.全局安装gulp

npm install gulp -g

2.新建package.json文件

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

package.json帮助文档：npm help package.json

3.本地安装gulp插件

npm install [name] --save-dev

为了能正常使用，需要本地安装gulp

npm install gulp --sava-dev

4.新建gulpfile.js文件

gulpfile.js是gulp项目的配置文件

5.运行gulp

gulp 特定的任务名称

gulp ：运行所有的任务

8.grunt

9.yarn