作者原創,轉載請注明出處!
bower相對npm來說有它更適用的場合,比如當我們從github上下源碼時用bower相比其他方法更便捷。PS:使用bower時請確定你已成功安裝git!
當我們用 npm install -g bower 安裝好bower后,用 bower install -g jquery 會發現以下錯誤:
![{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沒有添加到環境變量里面去,以下提供兩種解決方案。博主親測,靠譜!
1)打開git bash 在里面輸入 bower install -g jquery 你就會發現可以正確安裝了,
![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)
已經下載好的jq文件放在 C:\Users\my\bower_components 下。
2)上面的方法只能在git bash里使用bower ,在cmd下還會報同樣的錯誤。
右鍵“我的電腦”在“屬性”的“高級”里點開“環境變量”,
這時候再把你git所安裝目錄下面的cmd和bin文件夾的這兩個路徑添加到上圖所示的“變量值(v)”一欄的后面,注意以分號隔開;
![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)
比如默認你git安裝在C盤,將下面“;C:\Program Files (x86)\Git\bin;C:\Program Files (x86)\Git\cmd”不包括雙引號粘貼到變量值后面就行了。PS:是粘貼到后面而不是覆蓋奧!
然后重新啟動下cmd。
你就會發現此時在cmd里通過bower安裝模塊包可以啦!
在WS中通過命令行下載更方便“工欲善其事,必先利其器”嘛!
這里有個小小的問題,你會發現你下載的模塊始終在一個叫做bower_components的文件夾下,對于有強迫癥代碼潔癖的我想把模塊都放在
lib的文件夾下。好辦!首先我們在項目文件下建個lib文件夾和一個后綴名為. bowerrc的文件,在里面寫入{"directory":"lib"} ,這時候再在項目文件下安裝模塊就行啦!
![8LJDFJK9K`]24V_ICOMW]}4.png](http://upload-images.jianshu.io/upload_images/1682026-e87fee6267c83bb6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
其實用npm也可以在項目中下載包,通過npm init 然后不斷地回車配置一個package.json 就可以通過npm install xxx 安裝你要的模塊啦,如下:
很顯然這樣太重量級了,下載一代堆我們不需要的東西。相比之下,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項中(一般用于開發環境);