如何在您的VPS上安装和使用Bower

来自菜鸟教程
跳转至:导航、​搜索


状态: 已弃用

本文介绍了不再受支持的 Ubuntu 版本。 如果您当前正在运行运行 Ubuntu 12.04 的服务器,我们强烈建议您升级或迁移到受支持的 Ubuntu 版本:

原因: Ubuntu 12.04 已于 2017 年 4 月 28 日终止生命周期 (EOL) and no longer receives security patches or updates. This guide is no longer maintained.

请参阅:
本指南可能仍可用作参考,但可能不适用于其他 Ubuntu 版本。 如果可用,我们强烈建议使用为您正在使用的 Ubuntu 版本编写的指南。 您可以使用页面顶部的搜索功能来查找更新的版本。


介绍

Bower 是针对javascript库和css框架等前端包的包管理解决方案。 它在 Node.js 上运行并使用 Git 来获取和安装大多数包。 您可以使用 Bower 找到可以安装的所有软件包的列表。

在本教程中,我们将在运行 Ubuntu 12.04 的 VPS 上安装 Bower。 您应该已经安装了自己的虚拟专用服务器,以及 Node.js 和 NPM(Node Packaged Modules)。 如果您不这样做,请按照 本教程 中概述的步骤进行设置。

在您的 VPS 上安装 Bower

首先是安装Git。 关于这一步的更多信息,有一个很棒的教程,你可以关注——基本上,你可以使用以下命令安装它:

sudo apt-get install git-core

要安装 Bower,请运行以下命令(假设已安装 Node.js 和 NPM):

npm install -g bower

现在 Bower 已安装在您的 VPS 上,您可以运行以下命令以获取有关可用命令的更多信息:

bower help

如果您使用的是 root 用户,请注意您需要将以下选项附加到命令才能运行:--allow-root

bower help --allow-root

在您的项目中使用 Bower

让我们看看我们如何使用 Bower 来管理项目的包依赖关系。

导航到您的 Web 服务器的根目录:

cd /var/www

创建一个新文件夹并在其中导航:

mkdir project
cd project

这将是项目的根目录。 假设它将使用 Twitter Bootstrap。 我们可以通过下载 zip 文件并在云服务器上解压文件来使用它。 但是使用 Bower,我们可以将项目变成一个包,将 Bootstrap 声明为依赖项,然后让 Bower 为我们获取它。 为此,我们需要一个名为 bower.json 的文件,该文件将列出依赖项。 在这里,我们将包括 Bootstrap。

因此,在项目的根目录中创建一个名为 bower.json 的新文件:

nano /var/www/project/bower.json

并粘贴以下内容:

{
  "name": "my-project",
  "dependencies": {
    "bootstrap": ">= 3.0.0"
  }
}

保存文件并退出。 我们的项目现在将 Bootstrap 3.0(或更高版本)设置为依赖项。 要让 Bower 获取并安装它以及您可能想要声明的所有其他依赖项,请运行以下命令(如果您以 root 用户身份操作,请记住添加 --allow-root):

bower install

您现在会注意到在您的项目中创建了一个名为 bower_components 的新文件夹,您将在其中看到两个新文件夹:bootstrapjquery(后者是也安装了,因为 Bootstrap 需要 jQuery)。 所以这很酷。

如果您想查看项目中您的 VPS 上已经安装了哪些软件包,请运行以下命令:

bower list

如果您希望此列表包含您需要包含在您正在构建的应用程序中的文件的路径(即 相关的 .js 或 .css 文件),添加 --paths 选项:

bower list --paths

安装包的另一种方法是使用 install 命令并指定要在 VPS 上安装的实际包。 所以让我们创建另一个项目文件夹并在那里安装 Bootstrap:

cd /var/www
mkdir project2
cd project2

现在我们在新的项目文件夹中,运行以下命令:

bower install bootstrap

您会以更快的方式看到同样的效果。 请注意,您可以通过这种方式使用 Bower 在 git 端点或 URL 的末尾安装几乎任何东西,这些东西不一定在 Bower 组件网站上找到。 因此,例如,运行相同的命令但将 bootstrap 替换为 git 地址将获取该 git 项目:

bower install git://github.com/someone/some-package.git

甚至是一个 zip 文件,它会被提取到文件夹中:

bower install http://www.example.com/package.zip

要卸载在本地为项目安装的包,可以运行以下命令:

bower uninstall bootstrap

当然,您应该将 bootstrap 替换为您要卸载的项目的名称。

文章提交者:Danny