在本教程中，我们将学习在Web项目中使用Bower。

假设我们有一个项目文件夹bower-project，我们想在该项目中使用bower。
然后打开终端并转到该项目文件夹。

$cd bower-project

YUSUF-MacBook-Pro:yusuf-dev yusufshakeel$mkdir bower-project
YUSUF-MacBook-Pro:yusuf-dev yusufshakeel$cd bower-project
YUSUF-MacBook-Pro:bower-project yusufshakeel$ls -la
total 0
drwxr-xr-x  2 yusufshakeel  staff   68 Mar 11 13:11 .
drwxr-xr-x  6 yusufshakeel  staff  204 Mar 11 13:11 ..
YUSUF-MacBook-Pro:bower-project yusufshakeel$

一旦进入项目文件夹，我们就可以使用" bower install"命令安装软件包。
这会将软件包安装在bower_components文件夹中。

安装一些软件包

假设我们要在项目中使用jQuery和Bootstrap。

因此，要使用Bower安装jQuery，我们将使用以下命令。

$bower install jquery

如果我们想安装一个特定的版本(比如说v1.12)，那么我们将使用#号和版本号。

$bower install jquery#1.12

YUSUF-MacBook-Pro:bower-project yusufshakeel$bower install jquery#1.12
bower jquery#1.12           not-cached https://github.com/jquery/jquery-dist.git#1.12
bower jquery#1.12              resolve https://github.com/jquery/jquery-dist.git#1.12
bower jquery#1.12             download https://github.com/jquery/jquery-dist/archive/1.12.4.tar.gz
bower jquery#1.12              extract archive.tar.gz
bower jquery#1.12             resolved https://github.com/jquery/jquery-dist.git#1.12.4
bower jquery#1.12              install jquery#1.12.4

jquery#1.12.4 bower_components/jquery
YUSUF-MacBook-Pro:bower-project yusufshakeel$

上面的命令在bower_components/jquery文件夹中安装了jQuery 1.12.4版。

要安装Bootstrap，我们将使用以下命令。

$bower install bootstrap

如果我们要安装特定版本的Bootstrap，例如v3.3.7，那么我们将在其后使用#。

$bower install bootstrap#3.3.7

YUSUF-MacBook-Pro:bower-project yusufshakeel$bower install bootstrap#3.3.7
bower bootstrap#3.3.7       not-cached https://github.com/twbs/bootstrap.git#3.3.7
bower bootstrap#3.3.7          resolve https://github.com/twbs/bootstrap.git#3.3.7
bower bootstrap#3.3.7         download https://github.com/twbs/bootstrap/archive/v3.3.7.tar.gz
bower bootstrap#3.3.7          extract archive.tar.gz
bower bootstrap#3.3.7         resolved https://github.com/twbs/bootstrap.git#3.3.7
bower bootstrap#3.3.7          install bootstrap#3.3.7

bootstrap#3.3.7 bower_components/bootstrap
└── jquery#1.12.4
YUSUF-MacBook-Pro:bower-project yusufshakeel$

列出所有已安装的软件包

要列出使用bower安装在我们的项目文件夹中的所有软件包，我们将使用以下命令。

$bower list

YUSUF-MacBook-Pro:bower-project yusufshakeel$bower list
bower check-new     Checking for new versions of the project dependencies...
bower-project /Users/yusufshakeel/Documents/yusuf-dev/bower-project
├─┬ bootstrap#3.3.7 extraneous (latest is 4.0.0-alpha.6)
│ └── jquery#1.12.4 (3.1.1 available)
└── jquery#1.12.4 extraneous (latest is 3.1.1)
YUSUF-MacBook-Pro:bower-project yusufshakeel$

列出所有已安装软件包的路径

要列出使用Bower安装的所有软件包的路径，请使用以下命令。

$bower list --path

YUSUF-MacBook-Pro:bower-project yusufshakeel$bower list --path

  jquery: 'bower_components/jquery/dist/jquery.js',
  bootstrap: [
    'bower_components/bootstrap/less/bootstrap.less',
    'bower_components/bootstrap/dist/js/bootstrap.js'
  ]

YUSUF-MacBook-Pro:bower-project yusufshakeel$

创建bower.json

在项目文件夹中使用" bower init"命令创建一个bower.json文件，其中包含项目的依赖项。

现在，在项目文件夹中，运行以下命令。

$bower init

YUSUF-MacBook-Pro:bower-project yusufshakeel$bower init
? name bower-project
? description This is a sample bower project.
? main file 
? keywords 
? authors Yusuf Shakeel
? license MIT
? homepage 
? set currently installed components as dependencies? Yes
? add commonly ignored files to ignore list? Yes
? would you like to mark this package as private which prevents it from being accidentally published to the registry? Yes

{
  name: 'bower-project',
  authors: [
    'Yusuf Shakeel'
  ],
  description: 'This is a sample bower project.',
  main: '',
  license: 'MIT',
  homepage: '',
  private: true,
  ignore: [
    '**/.*',
    'node_modules',
    'bower_components',
    'test',
    'tests'
  ],
  dependencies: {
    bootstrap: '3.3.7',
    jquery: '1.12'
  }
}

? Looks good? Yes
YUSUF-MacBook-Pro:bower-project yusufshakeel$

查看上面的输出，我们可以说项目bower-project有两个依赖项-bootstrap v3.3.7和jquery v1.12。

因此，当我们将项目交给其他人时，他们可以在项目中使用" bower install"命令，然后bower将为他们安装所有依赖项。

YUSUF-MacBook-Pro:bower-project yusufshakeel$bower install
bower bootstrap#3.3.7           cached https://github.com/twbs/bootstrap.git#3.3.7
bower bootstrap#3.3.7         validate 3.3.7 against https://github.com/twbs/bootstrap.git#3.3.7
bower jquery#1.12               cached https://github.com/jquery/jquery-dist.git#1.12.4
bower jquery#1.12             validate 1.12.4 against https://github.com/jquery/jquery-dist.git#1.12
bower jquery#1.12              install jquery#1.12.4
bower bootstrap#3.3.7          install bootstrap#3.3.7

jquery#1.12.4 bower_components/jquery

bootstrap#3.3.7 bower_components/bootstrap
└── jquery#1.12.4
YUSUF-MacBook-Pro:bower-project yusufshakeel$

卸载软件包

要卸载任何软件包，我们使用" bower uninstall"，后跟软件包名称。

在以下示例中，我们正在卸载引导程序。

$bower uninstall bootstrap

YUSUF-MacBook-Pro:bower-project yusufshakeel$bower uninstall bootstrap
bower uninstall     bootstrap
YUSUF-MacBook-Pro:bower-project yusufshakeel$