bower的安装和使用

第一 下载node

网址https://nodejs.org/en/
安装过程基本直接“NEXT”就可以了。

安装完成之后，我们先检测下NodeJS是否安装成功，cmd命令行中键入：

node -v

若出现版本提示，就说明安装成功了

npm的安装。由于新版的NodeJS已经集成了npm，所以之前npm也一并安装好了。同样可以使用cmd命令行中键入：

npm -v

同样，若出现版本提示，就说明安装成功了

第二 对于windows用户，还需要装msysgit

在官网中下载即可

第三 全局安装 bower

npm install -g bower

全局安装bower 后，可以查看Bower的帮助信息和版本信息，使用命令：

bower help

版本信息

bower --v

---

第四 初始化当前工程的bower

此操作会在当前目录下生成bower.json文件：

bower init

第五 bower的使用

使用了bower的项目都会在目录下有一个bower.json文件。在该文件同级目录下，使用如下命令即可安装相关依赖库。

bower install

注：bower下载安装依赖库实际上是使用git进行下载。对于linux系统，由于默认都有安装git，所以一般没问题。但是windows系统一般没有git。在windows系统下需要确定安装了git客户端，建议使用同捆的git bash命令行来执行bower install命令。或者把git目录加入windows的环境变量中，再在命令行中执行bower install命令。

第六 使用bower

安装某个特定类库，例如jquery

bower install jquery --save

更新：使用bower更新某个特定类库，例如jquery:

bower update jquery

删除：例如jquery (如果包已经被依赖，则不能删除)

bower uninstall jquery

试着在项目文件夹下，下载jquery

bower install jquery --save

然后就可以看到项目文件夹下多了bower_components（默认目录）,就是jquery插件包了

初步这样也就行了，但是/bower_components这个目录有点让人不习惯，我想把东西下载到我习惯的目录里。需要加一个.bowerrc文件。注意，不需要名字什么的，只要新增一个.bowerrc就行了。

第七 用cmd命令创建.bowerrc文件文件

如下

type null >.bowerrc
第八、.bowerrc配置

{
  "directory" : "js/feng",
  "json"      : "",
  "endpoint"  : "",
  "searchpath"  : "",
  "shorthand_resolver" : ""
}  

第九、同样的cmd命令再执行一遍，这次可以看到文件下载到js/feng中了。

当我在cmd窗口中用下边命令时：

1）windows环境

d:\myproject> bower install bootstrap-sass

出现 Bower : ENOGIT git is not installed or not in the PATH错误，则需要配置你的Git到path，具体如下

方法一：假如你的git安装目录是”C:\Program Files (x86)\Git”，在path中( 系统属性中)加入git的bin和cmd目录，如C:\Program Files (x86)\Git\bin;C:\Program Files (x86)\Git\cmd

方法二：使用Git Bash来代替cmd

备注： 如果方法一不起作用是因为，你修改的path没有生效， 你需要重新启动电脑

2）Ubuntu:

安装git:

$ apt-get install git