使用Bower浏览器的软件包管理

最新推荐文章于 2024-09-10 21:40:29 发布

dingshi7798

最新推荐文章于 2024-09-10 21:40:29 发布

阅读量120

点赞数

文章标签： git json javascript ViewUI

Bower是浏览器的程序包管理器。由Twitter开发，可通过npm获得，这意味着手动管理客户端JavaScript软件包的日子可能很快就成为过去。

要安装Bower，您需要安装Node和NPM。您可以从nodejs.org下载并安装Node。 NPM与每个二进制软件包捆绑在一起，因此，在安装Node时，应同时自动安装NPM。您还需要安装Git，因为Bower使用Git端点来定位软件包。如果您尚未安装Git，则可以从git-scm.com/downloads下载。安装完Node，npm和Git之后，现在要做的就是打开终端并输入：

npm install bower -g

如果您不熟悉NPM，则最后的-g表示Bower将在全局安装，这意味着我们可以在任何项目目录中的任何位置运行它。让我们现在运行Bower并将其--help命令传递给它，以查看它到底能为我们提供什么：

bower --help

如果继续进行，将看到安装，卸载和更新软件包的命令，列出当前已安装的软件包，并搜索新的软件包。我们还可以通过将该命令传递给help来获得任何特定命令的help ：

bower help list

bower list仅列出了我们已安装的软件包。如果我们现在运行它，由于尚未安装任何软件包，我们将看不到太多东西。让我们使用以下命令安装jQuery来解决此问题。

bower install jquery

运行此命令时，您会看到Bower克隆了该程序包的Git存储库，将该程序包缓存在~/bower目录中，然后将其复制到我们当前项目的components目录中（如果Bower不存在，Bower将创建该目录）。下载后，在项目中包含jQuery的最简单方法是通过常规<script>标记，如下所示。


<script src="components/jquery/jquery.js"></script>

当然，对于更复杂的项目，您可以自由地将Bower与首选的捆绑/缩小工具集成。

您会注意到jQuery安装在它自己的目录中，该目录本身包含jquery.js和components.json文件。 components.json文件与NPM模块中使用的package.json文件非常相似。它存储有关程序包的元数据以及程序包所需的任何依赖项。 jQuery软件包没有任何依赖关系，但是如果我们安装一个确实具有依赖关系的软件包，Bower将同时安装它们。 jquery-Mustache对胡须有依赖性，所以让我们安装它，看看会发生什么：

bower install jquery-Mustache

您会看到Bower首先下载jquery-Mustache，然后下载其依赖项。我们可以通过查看组件目录来验证这一点：

ls components
jquery  jquery-Mustache  mustache

我们期望看到的是jquery-Mustache，而jQuery早已存在，但是，正如您所看到的，Bower自动为我们下载了胡子，而我们不必担心。如果我们看一下jQuery的胡子components.json文件中，我们可以看到指定的依赖关系：

"dependencies": {
    "jquery": ">=1.5",
    "mustache": ">=0.4"
}

当Bower读到此内容时，它知道它必须至少下载jQuery 1.5版，以及至少0.4版本的胡须。如果现在运行bower list ，您会看到Bower列出了已安装的软件包，其依赖项嵌套在它们的下面。

安装多个软件包

您不必一次安装一个软件包：您可以将空格分隔的列表传递给bower install ，它会一个接一个地安装每个软件包。让我们使用以下命令安装更多的jQuery插件。

bower install jquery.validation jquery.colorbox jquery.loadfeed

卸载软件包

卸载软件包就像安装它们一样容易。在这种情况下，我们使用bower uninstall命令。

bower uninstall jquery.colorbox

如果您错误地卸载了一个依赖于另一个软件包的软件包，Bower会警告您卸载后已经删除了一个依赖。例如，您可以使用以下命令来卸载jQuery。

bower uninstall jquery

卸载jQuery时，Bower警告您jquery.loadfeed depends on jquery 。幸运的是，重新安装jQuery非常简单。

管理软件包版本

更新软件包也很轻松。要将jQuery更新到最新版本，我们输入：

bower update jquery

并且，要查看可用的软件包版本，我们可以运行bower info命令：

bower info jquery

发布包

最后，让我们快速看一下使用Bower发布自己的软件包有多么容易。只需遵循以下三个步骤：

创建包的component.json文件
将您的包推送到Git端点，例如GitHub。
运行Bower register yourpackagename git://github.com/yourusername/repositoryname为适当的替换yourpackagename ， yourusername和repositoryname 。

这里的所有都是它的。您无需创建帐户或设置任何身份验证。程序包名称是按照先到先得的原则分配的。因此，您只需要为软件包提供一个唯一的名称，然后其他开发人员将可以通过运行bower install yourpackagename来安装它。