bower简要入门

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>