作者原創(chuàng),轉(zhuǎn)載請(qǐng)注明出處!
bower相對(duì)npm來說有它更適用的場(chǎng)合,比如當(dāng)我們從github上下源碼時(shí)用bower相比其他方法更便捷。PS:使用bower時(shí)請(qǐng)確定你已成功安裝git!
當(dāng)我們用 npm install -g bower 安裝好bower后,用 bower install -g jquery 會(huì)發(fā)現(xiàn)以下錯(cuò)誤:
![{2BJ6@E1~CJDIEX7D{{H]KP.png](http://upload-images.jianshu.io/upload_images/1682026-31e8d6c939df5e4a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
意思就是git沒有添加到環(huán)境變量里面去,以下提供兩種解決方案。博主親測(cè),靠譜!
1)打開git bash 在里面輸入 bower install -g jquery 你就會(huì)發(fā)現(xiàn)可以正確安裝了,
![RF@VG9MAG4CW2{D0]G_NU(U.jpg](http://upload-images.jianshu.io/upload_images/1682026-eee3791ffe01e557.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
已經(jīng)下載好的jq文件放在 C:\Users\my\bower_components 下。
2)上面的方法只能在git bash里使用bower ,在cmd下還會(huì)報(bào)同樣的錯(cuò)誤。
右鍵“我的電腦”在“屬性”的“高級(jí)”里點(diǎn)開“環(huán)境變量”,

這時(shí)候再把你git所安裝目錄下面的cmd和bin文件夾的這兩個(gè)路徑添加到上圖所示的“變量值(v)”一欄的后面,注意以分號(hào)隔開;
![XW]84GU{40)B({I_90FX)_M.png](http://upload-images.jianshu.io/upload_images/1682026-7a44bb3d06f7e4a7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
比如默認(rèn)你git安裝在C盤,將下面“;C:\Program Files (x86)\Git\bin;C:\Program Files (x86)\Git\cmd”不包括雙引號(hào)粘貼到變量值后面就行了。PS:是粘貼到后面而不是覆蓋奧!
然后重新啟動(dòng)下cmd。
你就會(huì)發(fā)現(xiàn)此時(shí)在cmd里通過bower安裝模塊包可以啦!
在WS中通過命令行下載更方便“工欲善其事,必先利其器”嘛!

這里有個(gè)小小的問題,你會(huì)發(fā)現(xiàn)你下載的模塊始終在一個(gè)叫做bower_components的文件夾下,對(duì)于有強(qiáng)迫癥代碼潔癖的我想把模塊都放在
lib的文件夾下。好辦!首先我們?cè)陧?xiàng)目文件下建個(gè)lib文件夾和一個(gè)后綴名為. bowerrc的文件,在里面寫入{"directory":"lib"} ,這時(shí)候再在項(xiàng)目文件下安裝模塊就行啦!
![8LJDFJK9K`]24V_ICOMW]}4.png](http://upload-images.jianshu.io/upload_images/1682026-e87fee6267c83bb6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
其實(shí)用npm也可以在項(xiàng)目中下載包,通過npm init 然后不斷地回車配置一個(gè)package.json 就可以通過npm install xxx 安裝你要的模塊啦,如下:

很顯然這樣太重量級(jí)了,下載一代堆我們不需要的東西。相比之下,bower就顯得輕便很多,也很靈活!
這么好用的東西,不用多說肯定是外國人寫的,并不是國人寫不出來,只是不能靜下心來寫,即使靜下心來寫 也不會(huì)去寫。想想為什么,大環(huán)境使然。哈哈。
<strong>補(bǔ)充:同時(shí)安裝不同版本的庫</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>]```
其中,安裝選項(xiàng)<options>有以下幾個(gè)可選項(xiàng)
-F, --force-latest # 安裝時(shí)若有沖突則強(qiáng)制安裝最新版;
-p, --production # 不要安裝開發(fā)依賴的package(一般用于生產(chǎn)環(huán)境);
-S, --save # 安裝完成后將此package記錄在bower.json文件的dependencies項(xiàng)中;
-D, --save-dev # 安裝完成后將此package記錄在bower.json文件的devDependencies項(xiàng)中(一般用于開發(fā)環(huán)境);