1. 程式人生 > >npm bower安裝和使用

npm bower安裝和使用

http://www.jianshu.com/p/d9e46b5a8f80

npm 在windows 普通的bush 安裝很慢應該在 git下安裝才會很快的

注:bower下載安裝依賴庫實際上是使用git進行下載。對於linux系統,由於預設都有安裝git,所以一般沒問題。但是windows系統一般沒有git。在windows系統下需要確定安裝了git客戶端,建議使用同捆的git bash命令列來執行bower install命令。或者把git目錄加入windows的環境變數中,再在命令列中執行bower install命令。()

1,首先在我的系統 安裝 nodejs。因為我的系統是windows,還需要安裝msysgit

,注意圖二中的選項


msysgit
Git setup

2,之後就可以用npm包管理工具下載並全域性安裝bower:  

>npm install -g bower

全域性安裝bower 後,可以檢視Bower的幫助資訊,使用命令:

>bower help

3, 初始化當前工程的bower,此操作會在當前目錄下生成bower.json檔案:

>bower init

bower的使用

使用了bower的專案都會在目錄下有一個bower.json檔案。在該檔案同級目錄下,使用如下命令即可安裝相關依賴庫。

>bower install  

使用bower安裝某個特定類庫,例如jquery:

> bower install jquery

使用bower更新某個特定類庫,例如jquery:

>bower update jquery

刪除包,例如jquery (如果包已經被依賴,則不能刪除)

>bower uninstall jquery

試著在專案資料夾下,下載jquery 和 underscore

bower install jquery underscore

然後就可以看到專案資料夾下多了bower_components(預設目錄),再就是兩個外掛包了


bower_components

初步這樣也就行了,但是/bower_components這個目錄有點讓人不習慣,我想把東西下載到我習慣的目錄裡。需要加一個.bowerrc檔案

。注意,不需要名字什麼的,只要新增一個.bowerrc就行了。

提示:用cmd命令建立檔案如下


cmd建立檔案
.bowerrrc

裡面可以定義下載目錄:

{

"directory": "app/vendor"

}


.bowerrc 配置

同樣的cmd命令再執行一遍,這次可以看到檔案下載到app/vendor中了。


下載到指定目錄

由於在實際安裝過程中,沒有執行命令 >bower init 現在重新執行該命令 生成bower.json

遇到了問題


bower init 失敗

解決辦法:在 windows cmd 裡面使用 bower init,而不是在 git bash 裡面使用 bower init.


init 設定

使用bower install jquery --save才會把jquery依賴記入到bower.json。
要安裝某個版本使用#,如安裝juqery1.9.1,可以使用bower install jquery#1.9.1。
除了用包名安裝,也可以指定git地址,進行安裝,如bower install https://github.com/jquery/jquery。

bower install --save handlebars 後就會看到handlebar 在bower.json的dependencies裡,如果不加--save就不會有。


handlebars

接下來刪了app/vendor下的所有內容,然後bower install,他會把bower.json中的dependencies重新下載。



文/一隻小菜鳥(簡書作者)
原文連結:http://www.jianshu.com/p/d9e46b5a8f80
著作權歸作者所有,轉載請聯絡作者獲得授權,並標註“簡書作者”。