Bower的簡單使用教程

以前咱們不少的第三方依賴包都是去各自的官網下載的，而後引入到咱們的項目中，其實這是一種很是麻煩的作法，由於有個工具就是徹底的能夠替代着咱們作這些事情，對於gower就不過多介紹了，下面簡單的說下在項目中的使用吧：

bower安裝第三方插件很簡單：bower install

首先bower回去查找query是否在他的註冊庫裏，而後找到對應的GitHub地址，再而後bower就會去下載並安裝jquery的最新穩定版本。

看下項目目錄多了個bower_components目錄，再進去能夠看到
而後咱們能夠看到在項目中，會有個bower_components這個文件夾的出現，而後裏面下載的便是咱們的依賴包

若是咱們須要安裝的東西比較小衆，在bower中並無註冊
bower還提供了一下的安裝方式：
一、經過Github的短寫安裝。前邊是註冊賬號的名字，後邊是項目的名字

二、還可使用項目完整的Github地址，例如jquery的：https://github.com/jquery/jquery.git

三、若是沒有在Github上立項，咱們也能夠直接經過URL安裝。

bower也有個線上的搜索：

在這裏咱們能夠直接搜索到在bower中註冊的一些組件，這裏面的owner是值由誰開發的

固然，咱們仍是要專業點的嘛～

關於bower，還有兩個配置文件：
bower.son和bowerrc

可是如今咱們的項目中並無這些文件，bower.json文件的好處就是咱們的版本庫中並不須要保存bower下載的這些文件，只須要保存bower.json就能夠了，而後經過運行bower install就能夠安裝項目所須要的第三方插件了

那麼如何生成bower.json這個文件呢？
直接運行bower init，具體以下：

對於上面的一些問題，你們能夠自行查一查，其實也就是bower.json中生成的，後續能夠手改，具體的就不一一介紹啦。

後來，他會把將要生成的bower.json給咱們預覽，而後就能夠直接生成出來了：

咱們須要安裝新的第三方依賴包的時候呢，這時候咱們須要在後加－－save，若是但願在devDependencies裏安裝，就須要加上後綴：—save-dev以下：

而後咱們再經過命令去查看：

下面說一下bowerrc文件

directory:是值第三方依賴包下載所在的位置
proxy：在不少公司，爲了保護公司內網的安全性，是須要配置這個代理的。因此這裏通常要配置公司的代理
timeout：默認的鏈接爲60000ms，可是當網速很差的時候，能夠設置10分鐘，」timeout」:600000
還有不少你們能夠自行查一查哈

如上，bower的配置就基本都搞定了。這裏咱們能夠新建個app文件件，index.html文件
後來咱們發現，bower所下載的一個個的依賴包，咱們都須要本身手動的引入進去，至關的麻煩，可是如何纔可以在用bower下來了依賴包，它會自動的引入到index頁面中呢，這裏可能就須要用到grunt，或則gulp了。。。

哈哈～