bower 使用简明

Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具，如YeoMan和Grunt。

安装 bower

环境准备

• 安装 node 环境：node.js
• 安装 bash

安装

使用npm，打开终端，输入：

npm install -g bower

其中-g命令表示全局安装。

使用

help

$ bower --help

Usage:

    bower <command> [<args>] [<options>]
Commands:

    cache                   Manage bower cache
    help                    Display help information about Bower
    home                    Opens a package homepage into your favorite browser
    info                    Info of a particular package
    init                    Interactively create a bower.json file
    install                 Install a package locally
    link                    Symlink a package folder
    list                    List local packages - and possible updates
    login                   Authenticate with GitHub and store credentials
    lookup                  Look up a single package URL by name
    prune                   Removes local extraneous packages
    register                Register a package
    search                  Search for packages by name
    update                  Update a local package
    uninstall               Remove a local package
    unregister              Remove a package from the registry
    version                 Bump a package version
Options:

    -f, --force             Makes various commands more forceful
    -j, --json              Output consumable JSON
    -l, --loglevel          What level of logs to report
    -o, --offline           Do not hit the network
    -q, --quiet             Only output important information
    -s, --silent            Do not output anything, besides errors
    -V, --verbose           Makes output more verbose
    --allow-root            Allows running commands as root
    -v, --version           Output Bower version
    --no-color              Disable colors
    --config.interactive=false Disable prompts
See 'bower help <command>' for more information on a specific command.

安装目录

进入项目目录下，新建文件.bowerrc：

touch .bowerrc

.bowerrc文件是自定义bower下载的代码包的目录：

{
  "directory" : "js/lib"
}

默认安装在项目的bower_components文件夹中。

bower 初始化

命令行进入项目目录中，输入命令如下：

bower init

会提示你输入一些基本信息，根据提示按回车或者空格即可，然后会生成一个bower.json文件，用来保存该项目的配置，如下：

{
  name: 'bowertest',
  authors: [
    'xiexianbin <me@xiexianbin.cn>'
  ],
  description: 'test bower',
  main: '',
  keywords: [
    'test',
    'bower'
  ],
  license: 'MIT',
  homepage: '',
  private: true,
  ignore: [
    '**/.*',
    'node_modules',
    'bower_components',
    'test',
    'tests'
  ]
}

安装包

安装一个jquery，输入如下命令：

bower install jquery --save

然后bower就会从远程下载jquery最新版本到你的js/lib目录下 其中--save参数是保存配置到你的bower.json，你会发现bower.json文件已经多了一行：

  "dependencies": {
    "jquery": "^3.3.1"
  }

包的信息

比如我们想要查找jquery都有哪些个版本，输入如下命令：

bower info jquery

会看到jquery的bower.json的信息，和可用的版本信息。

包的列表

需要列出程序包，可以采用list命令：

$ bower list
bower check-new     Checking for new versions of the project dependencies...
bowertest D:\code\github\xiexianbin\bowertest
└── jquery#3.3.1

包的更新

上面安装的是最新版的高版本jquery，假如想要兼容低版本浏览器的呢？ 已经查到兼容低版本浏览器的jquery版本为2.2.4，下面直接修改bower.json文件中的jquery版本号如下：

  "dependencies": {
    "jquery": "~2.2.4"
  }

然后执行如下命令：

bower update

bower就会为你切换jquery的版本了。

包的查找

还有一个很重要的功能，就是包的查找，比如我想要安装jquery的某个插件，但是记不住名字了，就可以直接在命令行输入：

bower search jquery

bower就会列出包含字符串jquery的可用包。

包的信息

bower info jquery
bower info jquery#3.3.1

包的卸载

卸载包可以使用uninstall命令：

bower uninstall jquery

问题

Git bash 运行错误

错误日志：

$ bower init
bower ENOINT        Register requires an interactive shell

Additional error details:
Note that you can manually force an interactive shell with --config.interactive

解决方法：

windows下bower初始化时不应该在git bash中，而应该在cmd下打开的dos窗口中进行。