【高级系列】前端开发环境建设（七）JS依赖管理——鲍尔

2.4 Bower-js依赖性管理工具2.4.1 Bower简介Bower是Twitter推出的包管理工具。基于Nodejs的模块化思想，它将功能分配给各个模块，从而在模块之间建立连接。Bower用于管理模块之间的连接。

包管理工具通常具有以下功能：

1.注册机制：每个包需要确定一个唯一的ID，以实现搜索和下载之间的正确匹配。因此，包管理工具需要维护注册信息，并且可以依赖于其他平台。

2.文件存储：确定文件的位置，下载时可以找到。当然，这个地址可以在网络上访问。

3.上传和下载：这是该工具的主要功能，可以提高包使用的便利性。例如，如果您想使用jquery，只需要安装它。你不需要到处寻找下载。不需要上传。这取决于文件存储的位置，但需要通过某种机制来保证。

4.依赖性分析：这也是包管理工具主要解决的问题之一。由于包是相关的，所以在下载时需要处理它们的依赖关系。下载软件包时，还需要下载相关软件包。

功能介绍，摘自文章：

2.4.2通过npm Node安装和管理box插件。js包管理器

2.4.2.1我的系统环境win7 64位

节点：v0.10.5

编号：1.2.19

~D:\workspace\javascript>节点–v v0.10.5

~D:\workspace\javascript>npm–v 1.2.19

在系统中，我们安装了Nodejs和npm。请参阅在win7中安装nodejs的文章：

2.4.2.2塔架安装

塔架的全球安装

~D:\workspace\javascript>npm install bower-g

创建一个express3项目nodejs power

~D:\workspace\javascript>express-e nodejs bower

~D:\workspace\javascript>cd

nodejs-bower&；npm安装

在Mac下安装：

苏多npm

安装-g bower

2.4.3塔台命令命令列出了塔台支持的各种命令。

缓存：塔式缓存管理

帮助：显示Bower命令的帮助信息

首页：通过浏览器打开包的github发布页面

信息：查看包信息

初始化：创建bower。json文件

安装：将包安装到项目

链接：在本地塔库中创建项目链接

列表：列出项目中安装的软件包

lookup：根据包名称查询包URL

删减：删除与项目无关的包

注册：注册包

搜索：搜索包

更新：更新项目包

卸载：删除项目的包

2.4.4使用塔的示例2.4.4.1将jQuery安装到项目nodejs power~D:workspace javascript nodejspower>bower Install jQuery

bower jquery#*未缓存git://github.com/components/jquery.git# *

bower jquery#*解析git://github.com/components/jquery.git# *

bowerjquery#*下载https://github.com/components/jquery/archive/2.0.3.tar.gz

bower jquery#*提取archive.tar.gz

bower jquery#*已解决git://github.com/components/jquery.git#2.0.3

bower jquery#~2.0.3安装jquery#2.0.3

jquery#2.0.3 bower_组件\jquery

通过执行该命令，我们可以看到最新版本的jQuery已下载并安装在项目的tower_ Components jQuery目录中

查看tower_components/jquery目录，找到3个文件。

~D:\workspace\javascript\nodejs-bower>ls-bower_components/jquery-a

….bower.json组件。json查询.js

同样，我们的项目也需要d3的类库

~D:\workspace\javascript\nodejs-bower>bower安装d3

bower d3#*未缓存git://github.com/mbostock/d3.git# *

船首d3#*resolvegit://github.com/mbostock/d3.git# *

bower d3#*下载https://github.com/mbostock/d3/archive/v3.2.8.tar.gz

bower d3#*提取归档.tar.gz

bower d3#*已解决git://github.com/mbostock/d3.git#3.2.8

转向架d3#~3.2.8安装d3#3.2.8

d3#3.2.8 bower_组件\d3

非常方便，下载和安装完成！

2.4.4.2查看项目中导入的类库~D:workspace javascript nodejs power>bower list

bower check new正在检查项目依赖项的新版本。。

nodejs-bower#0.0.0 D:\workspace\javascript\nodejs-bower

├── d3#3.2.8

└── jquery#2.0.3

2.4.4.3安装引导库并检查依赖关系~D:workspace\