【bower】分享在项目中使用bower下载包时遇到的一个git

作者原创，转载请注明出处！
bower相对npm来说有它更适用的场合，比如当我们从github上下源码时用bower相比其他方法更便捷。PS：使用bower时请确定你已成功安装git！
当我们用 npm install -g bower 安装好bower后，用 bower install -g jquery 会发现以下错误：

![{2BJ6@E1~CJDIEX7D{{H]KP.png](http:https://img.haomeiwen.com/i1682026/31e8d6c939df5e4a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

意思就是git没有添加到环境变量里面去，以下提供两种解决方案。博主亲测，靠谱！
1）打开git bash 在里面输入 bower install -g jquery 你就会发现可以正确安装了，

![RF@VG9MAG4CW2{D0]G_NU(U.jpg](http:https://img.haomeiwen.com/i1682026/eee3791ffe01e557.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
已经下载好的jq文件放在 C:\Users\my\bower_components 下。
2）上面的方法只能在git bash里使用bower ，在cmd下还会报同样的错误。
右键“我的电脑”在“属性”的“高级”里点开“环境变量”，

%MZ$KLX$3DFEFH962BNO(VC.png

这时候再把你git所安装目录下面的cmd和bin文件夹的这两个路径添加到上图所示的“变量值（v）”一栏的后面，注意以分号隔开；

![XW]84GU{40)B({I_90FX)_M.png](http:https://img.haomeiwen.com/i1682026/7a44bb3d06f7e4a7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

比如默认你git安装在C盘，将下面“;C:\Program Files (x86)\Git\bin;C:\Program Files (x86)\Git\cmd”不包括双引号粘贴到变量值后面就行了。PS：是粘贴到后面而不是覆盖奥！
然后重新启动下cmd。
你就会发现此时在cmd里通过bower安装模块包可以啦！
在WS中通过命令行下载更方便“工欲善其事，必先利其器”嘛！

DUNSJ(9TI0ZWM8$2FLYLL%G.png

这里有个小小的问题，你会发现你下载的模块始终在一个叫做bower_components的文件夹下，对于有强迫症代码洁癖的我想把模块都放在
lib的文件夹下。好办！首先我们在项目文件下建个lib文件夹和一个后缀名为. bowerrc的文件，在里面写入{"directory":"lib"} ，这时候再在项目文件下安装模块就行啦!

![8LJDFJK9K`]24V_ICOMW]}4.png](http:https://img.haomeiwen.com/i1682026/e87fee6267c83bb6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

其实用npm也可以在项目中下载包，通过npm init 然后不断地回车配置一个package.json 就可以通过npm install xxx 安装你要的模块啦，如下：

@QCUW4LK_F}Z`K)K~2J{1L1.png

很显然这样太重量级了，下载一代堆我们不需要的东西。相比之下，bower就显得轻便很多，也很灵活！

这么好用的东西，不用多说肯定是外国人写的，并不是国人写不出来，只是不能静下心来写，即使静下心来写 也不会去写。想想为什么，大环境使然。哈哈。

<strong>补充：同时安装不同版本的库</strong>

安装jquery v1.7.0bower install jquery-older=juqery#1.7.0 [<options>]
 安装jquery v1.9.0bower install jquery-old=juqery#1.9.1 [<options>] 
 安装最新版jquerybower install jquery [<options>]```

其中，安装选项<options>有以下几个可选项

-F, --force-latest # 安装时若有冲突则强制安装最新版；
-p, --production # 不要安装开发依赖的package（一般用于生产环境）；
-S, --save # 安装完成后将此package记录在bower.json文件的dependencies项中；
-D, --save-dev # 安装完成后将此package记录在bower.json文件的devDependencies项中(一般用于开发环境)；