Bower瞭解

bower是twitter的一個開源項目，使用nodejs開發，用於web包管理。如果越來越多得開源項目都託管在github上，bower只需要將github上項目加上一個配置文件既可以使用bower方式使用安裝包。作為包管理，bower能提供添加新web包，更新web包，刪除web包，發佈web包功能，管理包依賴。web包通常認為由html+css+javascript構成。

環境依賴

bower是依賴於 Node.js的，所以安裝之前需要Node環境，Node.js官網

安裝最新版本，然後命令行中嚴重是否安裝成功

node -v  //版本號查詢  我的是v10.16.0

安裝Bower

bower官網

優點：項目依賴安裝，可以固定資源文件，支持資源版本升級，可以支持緩存安裝等
全局安裝bower

npm install -g bower  //如果你覺得npm安裝較慢，可以用淘寶鏡像cnpm安裝

安裝完成後，查詢版本號

bower -v  //如果出現對應的版本號説明安裝成功

Bower 使用

創建文件夾（以我的為例，創建了一個空文件夾bowerDemo），然後命令行到該空文件下

cd bowerDemo

初始化bower

bower init

會提示你輸入一些基本信息，根據提示按回車或者空格即可，然後會生成一個bower.json文件，用來保存該項目的配置

插件安裝

接下來你就可以安裝插件了，比如安裝下載jquery,在根目錄先輸入下面命令安裝

bower install jquery --save

安裝成功後你就會在跟文件夾裏看到一個bower_components文件夾，這也是插件默認的文件夾

你也可以輸入命令查詢包的信息，輸入命令後會出現包的所以版本，然後你就可以更新安裝不同的版本

bower info jquery  //包的信息
bower update   //包的更新
bower uninstall jquery  //包的卸載

這就是一個簡單的bower的安裝以及插件包的下載

當然，這些僅僅是不夠的，作為一個前端開發，有時候會寫很多html，css，js頁面，甚至每次創建新的項目，都要用同樣的模板，所以這個時候，就用到bower的註冊功能，把自己的包或者插件發佈到bower平台，並下載使用。

bower平台發佈插件並下載

首先打標籤（假設你已經把項目模板發佈到github上面），在你的本地倉庫根目錄下運行下面命令

// -a是添加 標籤名，一般寫版本號, -m為標籤添加註釋信息
git tag -a 1.0.0 -m “version info″

// –tags參數表示提交所有tag至服務器端，普通的git push origin master操作不會推送標籤到服務器端
git push origin --tags

一切準備就緒後，開始註冊插件

bower register projectName  項目的github地址   
eg：bower register fontend https://github.com/mengnn/fontendGet.git

這樣，你的插件就註冊成功了，你就可以在你的項目根目錄下下載你的插件（模板），也就不用每次重複的copy

bower install  fontend --save-dev  //fontend是我註冊的插件名稱

運行成功，你就可以看到你的模板下載到你的項目文件夾下面，just so so！

此時你的bower.json文件裏面也會相對應的出來你安裝的插件配置信息（版本號，名稱）

ok，到這裏就結束了，雖然現在bower已經停止維護了，但是這門技術還是存在的，當然對於“玩家”來説，實在有趣！