和http-server一樣,bower也是眾多node.js工具中的一個。
在bower出現以前,我們需要找到jquery的官方來下載jquery,需要找到bootstrap的官網來下載bootstrap。當然了,如果我們學習了angularjs,還是需要去angularjs的官網去下載angularjs。
有了bower后,你會發現一切都會變得很美好。
下面,讓我們共同見證bower的神奇。
> [https://www.npmjs.com/package/bower](https://www.npmjs.com/package/bower)

查看它的介紹,我們不難看出,和node.js的npm一樣,bower也是一個package manage(pm)。沒錯,它也是一個包管理工具。其實通過前面的介紹,你應該想到了,它管理的是一些第三方的應用庫。比如jquery\angularjs\bootstrap,當然了,只有你想不到的,沒有它做不到的。By the way,thinkphp支持的Composer安裝其實也是一個包管理的工具。
# 安裝
bower是一個非常強大的包管理工具,它有自己的官方站點。所以,我們還可以參考它的官方站點進行bower的安裝。
>官方網址: [https://bower.io/](https://bower.io/)
`npm install -g bower`

## 安裝angularjs
我們現在將目錄切換至/d/yunzhi/angularjs下,然后嘗試使用bower下載angularjs庫。
`bower install angularjs`

執行后,bower自動為我們下載了穩定版本的angular1.5.7,下載后存放的位置如下圖所示:

如果你想下載指定的版本(比如指定下載1.5.7),那么需要使用如下命令
`bower install angularjs#1.5.7`
當然了,由于默認的版本就是1.5.7,所以執行以下兩條命令,最終下載的庫是相同的。
有了angularjs庫,我們在以后的章節中,理所當然的就可以直接調用這個庫了。相比以前下載其它的庫文件:先搜索,再選擇版本,再下載zip,再解壓,最后再復制到我們想要的最終路徑中。bower安裝,只需要一條命令,牛氣!
- 前言
- 第一章:準備知識
- 第一節:GIT
- 第二節:Node.js
- 第三節:http-server
- 第四節:bower
- 第五節:firefox+chrome
- 第二章:官方示例教程
- 第零節:Hello Yunzhier
- 第一節:靜態模板
- 第二節:MVC
- 回調函數
- 第三節:組件
- 第四節:重構組件
- 2.4.1 調用組件
- 2.4.2 規劃目錄結構
- 2.4.3 剝離V層
- 2.4.4 大話測試
- 第五節:循環過濾器
- 第六節:雙向數據綁定
- 第七節:XHR與依賴注入
- 第八節:添加縮略圖
- 第九節:模擬頁面跳轉
- 2.9.1 使用bower
- 2.9.2 使用grunt
- 第十節:完善手機詳情頁
- 第十一節:自定義過濾器
- 第十二節:行為處理
- 第十三節:封裝請求
- 第十四節:應用動畫
- 第十五節:總結
- 第三章:菜譜管理示例
- 第四章:總結