一. bower是什么?
bower是twitter推出的第三方依赖管理工具。其特点是对包结构没有强制规范,也因此bower本身并不提供一套构建工具,它充当的基本上是一个静态资源的共享平台。它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源,实际项目中我们可以用它来管理项目中使用到的依赖库或框架,比如angular,bootstrap等等
二.安装bower
使用npm进行安装,命令如下:
npm install -g bower
其中-g表示全局安装
三.开始使用
使用help命令查看帮助
bower init
初始化项目,生成一个bower.js的配置文件
执行完上图后我们可以发现,目录下多了一个bower.json文件,这就是我们生成的配置文件.
我们可以使用该命令安装bower提供的依赖包:
# installs the project dependencies listed in bower.json
$ bower install
# registered package
$ bower install jquery
# GitHub shorthand
$ bower install desandro/masonry
# Git endpoint
$ bower install git://github.com/user/package.git
# URL
$ bower install http://example.com/script.js
注意!当我们使用bower install安装依赖时,会自动读取bower.json文件中的dependencies值,按照其中定义的依赖自动安装.刚开始执行bower init时,我们的bower.json中的dependencies依赖项是空的,我们可以打开bower.js文件进行编写依赖项.若我们使用bower install <packgename>来进行安装,则会在当前路径生成bower_compentens目录,该目录下是用来存放所有通过bower安装的第三方依赖的.但是我们更应该使用bower install --save <packgename>来进行安装依赖,因为这样会把项目中用到的依赖也写进bower.json中的dependencies字段.
bower uninstall <packgename>
同样我们使用如上的命令来进行依赖包的卸载,注意还是最好加上--save来更改bower.json文件.
PS D:\> bowerhelp Usage: bower <command> [<args>] [<options>]
Commands: cache Managebowercache
help DisplayhelpinformationaboutBower
home Opens a package homepageintoyourfavoritebrowser
info Infoof a particularpackage
init Interactivelycreate a bower.jsonfile
install Install a package locally
link Symlink a package folder
list Listlocalpackages - and possibleupdates
login AuthenticatewithGitHuband storecredentials
lookup Lookup a package URLbyname
prune Removeslocalextraneouspackages
register Register a package
search Searchfor a package byname
update Update a localpackage
uninstall Remove a localpackage
unregister Remove a package fromtheregistry
version Bump a package version
Options: -f, --force Makesvariouscommandsmoreforceful
-j, --json OutputconsumableJSON
-l, --loglevel Whatleveloflogsto report
-o, --offline Do not hitthenetwork
-q, --quiet Onlyoutputimportantinformation
-s, --silent Do not outputanything, besideserrors
-V, --verbose Makesoutputmoreverbose
--allow-root Allowsrunningcommandsas root
-v, --version OutputBowerversion
--no-color Disablecolors
See 'bower help <command>' for moreinformationon a specificcommand.
上面help 信息列出 bower 提供的命令:
- cache:bower缓存管理
- help:显示Bower命令的帮助信息
- home:通过浏览器打开一个包的github发布页
- info:查看包的信息
- init:创建json文件
- install:安装包到项目
- link:在本地bower库建立一个项目链接
- list:列出项目已安装的包
- lookup:根据包名查询包的URL
- prune:删除项目无关的包
- register:注册一个包
- search:搜索包
- update:更新项目的包
- uninstall:删除项目的包