bower简要入门
2016-05-24 本文已影响490人
nummycode
1.什么是Bower?
Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。
2.安装
npm install -g bower
其中-g命令表示全局安装
3.获取帮助信息
bower --help
4.自定义包安装目录
在当前项目下新建.bowerrc文件,内容如下:
{
"directory" : "js/lib"
}
配置好之后,安装的资源文件将位于js/lib目录下。
5.bower初始化
进入项目目录中,输入命令如下:
bower init
会提示你输入一些基本信息,根据提示按回车或者空格即可,然后会生成一个bower.json文件,用来保存该项目的配置。
6.包的安装
例如安装jquery,输入以下命令:
bower install jquery --save
然后bower就会从远程下载jquery最新版本到你的js/lib目录下, 其中--save参数是保存配置到你的bower.json,你会发现bower.json文件已经多了一行:
"dependencies": {
"jquery": "~2.1.4"
}
除此之外, bower还支持通过以下方式来安装包:
# 读取配置文件bower.json进行安装
$ bower install
# 通过Github shorthand进行安装
$ bower install desandro/masonry
# 通过Github库进行安装
$ bower install git://github.com/user/package.git
# 通过URL进行安装
$ bower install http://example.com/script.js
7.查看包的信息
bower info jquery
8.包的更新
如果我们不想用最新的jquery版本,而只想用旧的版本,怎么办?
可以直接修改bower.json中的jquery版本号,然后执行以下命令即可:
bower update
9.包的查找
bower支持模糊查找,例如查找包含字符串bootstrap的包
bower search bootstrap
10.卸载包
bower uninstall jquery
11.缓存管理
- 清理缓存
bower cache clean
- 列出缓存的包
bower cache list
- 通过缓存的包进行安装
bower install <package> --offline
12.打开主页
$ bower home
$ bower home <package>
$ bower home <package>#<version>
如果指定包名的话,打开该包所定义的主页。如果没有指定的话,则打开当前项目中的主页,一般是index.html。
13.列出已经安装的包
使用下面的命令列出当前已经安装的包,以及可用更新。
bower list
bower list --paths
bower list --paths --json
还可以使用-p参数列出包的路径。
14.通过包名查找URL
bower lookup <name>