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
第8、.bowerrc配置

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

第9、一样的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