轉: bower 用戶端庫管理工具

標籤：http   io   使用   ar   java   檔案   sp   div   art   

• 概述
• 常用操作
• 庫的安裝
• 庫的搜尋和查看
• 庫的更新和卸載
• 列出所有庫
• 設定檔.bowerrc
• 庫資訊檔bower.json
• 相關連結

概述

隨著網頁功能變得越來越複雜，同一張網頁載入多個JavaScript函數庫早已是家常便飯。開發人員越來越需要一個工具，對瀏覽器端的各種庫進行管理，比如搜尋、自動安裝\卸載、檢查更新、確保依賴關係等等。Bower就是為瞭解決這個問題而誕生的針對瀏覽器端的庫管理工具。

Bower基於node.js，所以安裝之前，必須先確保已安裝node.js。

sudo npm install bower -global

運行上面的命令以後，Bower就已經安裝在你的系統中了。運行協助命令，查看Bower是否安裝成功。

bower help

下面的命令可以更新或卸載Bower。

sudo npm update -g bowersudo npm uninstall -global bower

常用操作庫的安裝

bower install命令用於安裝某個庫，需要指明庫的名字。

bower install backbone

Bower會使用庫的名字，去線上索引中搜尋該庫的網址。某些情況下，如果一個庫很新（或者你不想使用預設網址），可能需要我們手動指定該庫的網址。

bower install git://github.com/documentcloud/backbone.gitbower install http://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.jsbower install ./some/path/relative/to/this/directory/backbone.js

上面的命令說明，指定的網址可以是github地址、http網址、本地檔案。

預設情況下，會安裝該庫的最新版本，但是也可以手動指定版本號碼。

bower install jquery-ui#1.10.1

上面的命令指定安裝jquery-ui的1.10.1版。

如果某個庫依賴另一個庫，安裝時預設將所依賴的庫一起安裝。比如，jquery-ui依賴jquery，安裝時會連jquery一起安裝。

安裝後的庫預設存放在項目的bower_components子目錄，如果要指定其他位置，可在.bowerrc檔案的directory屬性設定。

庫的搜尋和查看

bower search命令用於使用關鍵字，從線上索引中搜尋相關庫。

bower search jquery

上面命令會得到下面這樣的結果。

Search results:    jquery git://github.com/components/jquery.git    jquery-ui git://github.com/components/jqueryui    jquery.cookie git://github.com/carhartl/jquery-cookie.git    jquery-placeholder git://github.com/mathiasbynens/jquery-placeholder.git    jquery-file-upload git://github.com/blueimp/jQuery-File-Upload.git    jasmine-jquery git://github.com/velesin/jasmine-jquery    jquery.ui git://github.com/jquery/jquery-ui.git    ...

bower info命令用於查看某個庫的詳細資料。

bower info jquery-ui

查看結果會列出該庫的依賴關係（dependencies），以及可以得到的版本（Available versions）。

庫的更新和卸載

bower update用於更新一個庫，將其更新為最新版本。

bower update jquery-ui

如果不給出庫名，則更新所有庫。

bower uninstall命令用於卸載指定的庫。

bower uninstall jquery-ui

注意，預設情況下會連所依賴的庫一起卸載。比如，jquery-ui依賴jquery，卸載時會連jquery一起卸載，除非還有別的庫依賴jquery。

列出所有庫

bower list或bower ls命令，用於列出項目所使用的所有庫。

Bower listBower ls

設定檔.bowerrc

項目根目錄下（也可以放在使用者的主目錄下）的.bowerrc檔案是Bower的設定檔，它大概像下面這樣。

{  "directory" : "components",  "json"      : "bower.json",  "endpoint"  : "https://Bower.herokuapp.com",  "searchpath"  : "",  "shorthand_resolver" : ""}

其中的屬性含義如下。

• directory：存放庫檔案的子目錄名。
• json：描述各個庫的json檔案名稱。
• endpoint：線上索引的網址，用來搜尋各種庫。
• searchpath：一個數組，儲存備選的線上索引網址。如果某個庫在endpoint中找不到，則繼續搜尋該屬性指定的網址，通常用於放置某些不公開的庫。
• shorthand_resolver：定義各個庫名稱簡寫形式。

庫資訊檔bower.json

bower.json檔案存放在庫的根目錄下，用於儲存項目的庫資訊，供項目安裝時使用，以及Bower的線上索引讀取。

下面是一個典型的bower.json檔案。

{  "name": "app-name",  "version": "0.1.0",   "main": ["path/to/app.html", "path/to/app.css", "path/to/app.js"],  "ignore": [".jshintrc","**/*.txt"],  "dependencies": {    "sass-bootstrap": "~3.0.0",    "modernizr": "~2.6.2",    "jquery": "latests"  },  "devDependencies": {"qunit": ">1.11.0"}}

在項目的根目錄下，運行bower init命令，通過回答幾個問題，就會自動產生bower.json檔案。

bower init

有了bower.json檔案以後，就可以用bower install命令，一下子安裝所有庫。

bower install

根據bower.json檔案，還可以向Bower的線上索引提交你的庫。

bower register <my-package-name> <git-endpoint>// 比如bower register jquery git://github.com/jquery/jquery

注意，如果你的庫與現有的庫重名，就會提交失敗。

轉: bower 用戶端庫管理工具