什麼是bower

標籤：

 

Bower是一個用戶端技術的軟體包管理器，它可用於搜尋、安裝和卸載如JavaScript、HTML、CSS之類的網路資源。其他一些建立在Bower基礎之上的開發工具，如YeoMan和Grunt，這個會在以後的文章中介紹。

準備工作

1. 安裝node環境:node.js
2. 安裝Git，bower從遠程git倉庫擷取程式碼封裝:git簡易指南

安裝bower

使用npm，開啟終端，輸入：

npm install -g bower

其中-g命令表示全域安裝

開始使用

使用help命令查看協助

自訂包的安裝目錄

首先進入項目目錄下，建立檔案1.txt

然後命令列進入項目目錄下，輸入命令重新命名該檔案為.bowerrc：

rename 1.txt .bowerrc

這個.bowerrc檔案是自訂bower下載的程式碼封裝的目錄，比如現在我的項目結構如：

那我的.bowerrc檔案內容如下：

{  "directory" : "js/lib"}

bower初始化

命令列進入項目目錄中，輸入命令如下：

bower init

會提示你輸入一些基本資料，根據提示按斷行符號或者空格即可，然後會產生一個bower.json檔案，用來儲存該項目的配置，如下：

{  "name": "bb_boot",  "version": "0.0.1", "authors": [ "savokiss <[email protected]>" ], "moduleType": [ "amd" ], "license": "MIT", "ignore": [ "**/.*", "node_modules", "bower_components", "js/lib", "test", "tests" ], "dependencies": { }}

包的安裝

下面終於開始安裝需要的包了！
比如我要安裝一個jquery，輸入如下命令：

bower install jquery --save

然後bower就會從遠程下載jquery最新版本到你的js/lib目錄下
其中--save參數是儲存配置到你的bower.json，你會發現bower.json檔案已經多了一行：

  "dependencies": {    "jquery": "~2.1.4"  }

包的資訊

比如我們想要尋找jquery都有哪些個版本，輸入如下命令：

bower info jquery

會看到jquery的bower.json的資訊，和可用的版本資訊

可以看到jquery最新的相容版版本為1.11.3

包的更新

上面安裝的是最新版的高版本jquery，假如想要相容低版本瀏覽器的呢？
已經查到相容低版本瀏覽器的jquery版本為1.11.3，下面直接修改bower.json檔案中的jquery版本號碼如下：

  "dependencies": {    "jquery": "~1.11.3"  }

然後執行如下命令：

bower update

bower就會為你切換jquery的版本了

包的尋找

還有一個很重要的功能，就是包的尋找，比如我想要安裝bootstrap的某個外掛程式，但是記不住名字了，就可以直接在命令列輸入：

bower search bootstrap

bower就會列出包含字串bootstrap的可用包了

包的卸載

卸載包可以使用uninstall 命令：

bower uninstall jquery

refer：Day 1: Bower —— 管理你的用戶端依賴關係

• 2015年07月08日發布

什麼是bower