bower

什麼是bower

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

2.Bower是Web開發中的一個前端文件包管理器。相似於Node模塊的npm包管理器，它容許開發者爲服務器編寫可共享的模塊。Bower爲Web組件提供了相似的功能

準備工做

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 <jaynaruto@qq.com>" ], "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