bower 安装使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bower 安装使用相关的知识,希望对你有一定的参考价值。

### bower 客户端依赖管理工具
#### 安装
```
npm install -g bower
```
#### 使用:
- 进入项目目录,新建文件1.txt
- 重命名为.bowerrc `rename 1.txt .bowerrc` 此文件定义了bower下载包的目录
- 内容 
```
{
    "directory":"js/lib"
}
```
bower初始化 `bower init` 会提示输入一些基本信息,然后会生成一个bower.json文件,用来保存该项目的配置
```
{
  "name": "bb_boot",
  "version": "0.0.1",
  "authors": [
    "savokiss <[email protected]>"
  ],
  "moduleType": [
    "amd"
  ],
  "license": "MIT",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "js/lib",
    "test",
    "tests"
  ],
  "dependencies": {
  }
}
```
- 包的安装 `bower install jquery --save` ,其中`--save`参数是将依赖保存到`bower.json`
- 包的信息 `bower info jquery`
- 包的更新,包安装默认安装是最新版本,如果想要安装兼容性低版本浏览器的,可将`bower.json` 中`jquery` 版本信息修改如下
```
  "dependencies": {
    "jquery": "~1.11.3"
  }
```
然后运行 `bower update` ,然后bower就能为你切换版本了
- 包的查找 `bower search bootstrap`
- 包的卸载  `bower uninstall jquery`







以上是关于bower 安装使用的主要内容,如果未能解决你的问题,请参考以下文章

什么是bower

bower入门教程

Mac安装Bower

Mac 安装Bower

npm bower gulp

bower 安装使用