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
窗口中进行。