包管理器bower

感觉再不学习前端自动化就要out了，这两天一直再摸索，先从bower的使用学起。

反正这个博客都没人看，今天周日就把之前学到的整理一下，就当做一下学习笔记吧。

bower官网：bower.io（有详细各种命令的用法）其实直接看bower --help也可以

什么是bower？

bower是一个管理包的工具

用之前当然先知道为什么要用，所以，首先我要问自己，为什么要使用bower？

1.以前我如果要使用一个库，一般是到官网或者github上下载，而bower只需要一个简单的install命令就可以安装需要的库，省事

2.如果我需要用的库升级了，我想使用新的版本，我只需要一个bower update命令就可以更新了，不用再重新跑去网站上下载，而且如果我使用的库A对另外一个库B有依赖，库B升级了，也同样只需update一下就行了

3.通过bower list可以清楚地看到库的依赖关系，而且可以用prune智能地删除与这个项目无关的包

下面就说说bower的命令：

—————————————————————————————————————————————————————————

install

这个无疑是最重要一个命令，执行bower install [包名]就可，一般包会被安装到当前目录的 bower_components子文件夹下

看看官网上的介绍

1.如果要安装的是已经在bower上注册过的包，可直接bower install [包名]就可，如bower install jquery

2.如果要安装的是没有在bower上注册过的包，可以使用以下方法：

（1）通过github的短写安装

                    如：jquery在github上的的短写名

                    

                  执行bower install jquery/jquery

  （2）通过完整的github地址

如：bower install https://github.com/jquery/jquery 

          （3）或者直接通过文件的url，如上图最后一个

—————————————————————————————————————————————————————————

list

[-- 列出项目所安装的包，其中还会列出每个包的依赖库 --]

执行 bower list ：

可以看到安装了三个包：bootstrap，d3，jquery，其中的bootstrap是依赖jquery的

—————————————————————————————————————————————————————————

uninstall 

[-- 卸载 删除项目的包 --]

在安装bootstrap后试试卸载bootstrap依赖的jquery：

发现已经报错

————————————————————————————————————————————————————————

update

[-- 更新项目的包 --]

接着上面uninstall的命令，再尝试装一个低版本的jquery，再bower list一下，会发现又报错，因为bootstrap依赖的jquery是要1.9.1以上的

所以此时update的作用就来了，执行一下bower update jquery就能更新包了，自动把包更新到最新版本

平时如果要更新项目下的所有包，只需要执行bower update（更新全部包）

——————————--————————————————————————-——————————————————————————————————————————

其他一些常用命令

lookup 

[-- 查询这个包的地址  --]

 bower lookup 包名 就可以打开该包的网址

info 

[--  查看包的信息 --]

比如查看jquery包的信息 ：bower info jquery，这时候一般会列出全部版本

假如只想查看其中某个版本的信息，可以执行 ：bower info jquery#版本号

prune 

[-- 删除项目无关的包 --]

（智能地判断这个项目没有引用这个包，而且这个包与其他包并没有依赖关系）

search 

[-- 搜索包 --]

cache

[-- bower缓存管理 --]

 执行bower cahe list

————————————————---————————————————————————————————————————————————————————————

关于bower.json

bower.json 有点像nodejs的package.json

要在当前目录下生成bower.json文件，只需要执行bower init就可以了

关于生成的bower.json文件，注意：

dependencies是生产环境的，devdependencies是开发环境的，这跟package.json是一样的

如果要通过命令行编辑，bower.json，为dependencies或devdependencies增加内容，可以通过以下命令

比如要在生产环境中安装bootstrap  执行bower install bootstrap --save

在开发环境中安装angular.js  执行bower install angular --save-dev