bower介绍

一． 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:删除项目的包