bower安裝和使用

bower的安裝


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下載安裝依賴庫實際上是使用git進行下載。對于linux系統,由于默認都有安裝git,所以一般沒問題。但是windows系統一般沒有git。在windows系統下需要確定安裝了git客戶端,建議使用同捆的git bash命令行來執行bower install命令。或者把git目錄加入windows的環境變量中,再在命令行中執行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 配置

關于.bowerrc更多配置,請參考
https://github.com/bower/spec/blob/master/config.md

同樣的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重新下載。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容