bower安装_如何使用Bower轻松安装，更新和删除Web库

要构建网站 ，我们通常依赖于许多库，无论是CSS还是JavaScript形式。 例如，如果我要建立一个显示图像幻灯片的小型网站，则该网站可能需要jQuery和jQuery插件Flexslider。 这些库是网站正常运行的依赖项。

虽然添加这些库应该是一件容易的事，但是当涉及到需要更多库的大型网站时， 一切从一开始就可能很麻烦并且搞砸了。 您可能必须从一个存储库拖到另一个存储库，下载每个库，提取软件包，最后将它们放在项目目录中。

当新版本可用时，您将不得不再次执行所有这些操作（听起来像很多工作，对吗？）。

如果听起来像您多年来所做的那样，那么这篇文章可能值得一读。 在这里，我们将向您展示一个名为Bower的便捷工具，它使管理网站库变得轻而易举。 让我们来看看。

入门

要使用Bower，必须安装Node.js。 由于Bower基于Node.js，因此您应该能够在每个平台上运行Bower ：Windows，Mac和Linux。

安装Node.js之后，打开终端（或命令提示符）并运行此命令行来安装Bower。

npm install -g bower

安装库

现在我们准备使用Bower。 让我们首先搜索要放入项目目录中的库。 假设您当前在目录中，则可以键入bower search {name of the library} 。 例如，在这里，我搜索了Normalize.css ，该库使元素的样式在所有浏览器中保持一致。

bower search normalize

该命令将列出一堆结果； 它不仅为我们提供了原始的Normalize，还向我们展示了已转换为LESS，Sass，Stylus和其他平台的Normalize版本。

选择了要安装的安装后，我们可以输入bower install {{name of the repository}} 。 在此示例中，我将安装Normalize LESS和jQuery。

bower install normalize-less jquery

该命令将下载最新版本的normalize-less和jQuery，并将其保存在名为bower_components的新文件夹中； 您现在应该在项目目录中找到创建的文件夹。

或者，如果要安装旧版本的库，则可以通过这种方式在命令后跟版本号。

bower install jquery#1.10.0

现在，我们在项目目录中拥有库Normalize和jQuery，可以通过引用HTML文档中bower_components文件夹中的jQuery来使用它们，并在另一个LESS样式表中导入Normalize LESS。

<script src="bower_components/jquery/jquery.min.js"></script>

@import "bower_components/normalize-less/normalize.less";

如果网站上不再使用其中一个库，则可以像bower uninstall命令那样轻松地将其bower uninstall 。

bower uninstall normalize-less

更新Bower组件

假设您已经在项目上工作了几个月，并且您正在使用的某些库（例如jQuery）已经发布了新版本。 在这种情况下，我们可以使用Bower将jQuery更新到最新版本。 但是首先让我们检查一下新版本是否已通过bower list命令在bower中注册。

如下所示，最新版本的jQuery是2.1.1。

要更新jQuery，我们可以输入bower update jquery 。 更新完成后，可以再次运行bower list命令以验证当前安装的版本。 如您所见，下面，我们现在有最新版本的jQuery。

结语

Bower是一个非常方便的工具，我认为您应该在项目中利用它。 就像拥有一个AppStore一样，但是对于您的网站内容–我们可以方便地安装，更新和删除库。

在下一篇文章中，我们将深入研究Bower，并探索一些更高级的功能。 因此，请继续关注。

翻译自: https://www.hongkiat.com/blog/bower-package-manager/