bower簡明入門教程

什麼是bower：

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

　　

 

準備工做：

　　一、安裝 node 環境：node.js

　　二、安裝 Git，bower 從遠程 git 倉庫獲取代碼包：git簡易指南

 

安裝bower：

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

1 npm install -g bower

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

 

開始使用：

　　使用 help 命令查看幫助

　　

 

自定義包的安裝目錄：

　　首先進入項目目錄下，新建文件 1.txt

　　而後命令行進入項目目錄下，輸入命令重命名該文件爲 .bowerrc：

1 rename 1.txt .bowerrc

　　這個 .bowerrc 文件是自定義 bower 下載的代碼包的目錄，好比如今個人項目結構以下圖：

　　

　　那個人 .bowerrc 文件內容以下：

1 { 2   "directory" : "js/lib"
3 }

 

bower初始化：

　　命令行進入項目目錄中，輸入命令以下：

1 bower init

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

 1 {  2   "name": "myWeb",  3   "authors": [  4     "adou <doufu_0329@163.com>"
 5  ],  6   "description": "",  7   "main": "",  8   "license": "MIT",  9   "homepage": "", 10   "private": true, 11   "ignore": [ 12     "**/.*", 13     "node_modules", 14     "bower_components", 15     "wwwroot/lib", 16     "test", 17     "tests"
18  ], 19   "dependencies": { 20     
21  } 22 }

 

包的安裝：

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

1 bower install jquery --save

　　或者根據版本進行安裝，輸入以下命令：

 

1 bower install jquery#1.0.0 --save

 

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

1  "dependencies": { 2     "jquery": "~2.1.4"
3   }

　　

包的信息：

　　好比咱們想要查找 jquery 都有哪些個版本，輸入以下命令：

1 bower info jquery

　　會看到 jquery 的 bower.json 的信息，和可用的版本信息

　　能夠看到 jquery 最新的兼容版版本爲 1.11.3

 

包的更新：

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

1   "dependencies": { 2     "jquery": "~1.11.3"
3   }

　　而後執行以下命令：

1 bower update

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

 

包的查找：

　　還有一個很重要的功能，就是包的查找，好比我想要安裝 bootstrap 的某個插件，可是記不住名字了，就能夠直接在命令行輸入：

1 bower search bootstrap

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

 

包的卸載：

　　卸載包能夠使用 uninstall 命令：

1 bower uninstall jquery

=========