bower的安裝和使用

第一 下載node

網址https://nodejs.org/en/
安裝過程基本直接「NEXT」就能夠了。

安裝完成以後，咱們先檢測下NodeJS是否安裝成功，cmd命令行中鍵入：

node -v

若出現版本提示，就說明安裝成功了

npm的安裝。因爲新版的NodeJS已經集成了npm，因此以前npm也一併安裝好了。一樣可使用cmd命令行中鍵入：

npm -v

一樣，若出現版本提示，就說明安裝成功了

第二 對於windows用戶，還須要裝msysgit

在官網中下載便可

第三 全局安裝 bower

npm install -g bower

全局安裝bower 後，能夠查看Bower的幫助信息和版本信息，使用命令：

bower help

版本信息

bower --v

---

第四 初始化當前工程的bower

此操做會在當前目錄下生成bower.json文件：

bower init

第五 bower的使用

使用了bower的項目都會在目錄下有一個bower.json文件。在該文件同級目錄下，使用以下命令便可安裝相關依賴庫。

bower install

注：bower下載安裝依賴庫其實是使用git進行下載。對於linux系統，因爲默認都有安裝git，因此通常沒問題。可是windows系統通常沒有git。在windows系統下須要肯定安裝了git客戶端，建議使用同捆的git bash命令行來執行bower install命令。或者把git目錄加入windows的環境變量中，再在命令行中執行bower install命令。

第六 使用bower

安裝某個特定類庫，例如jquery

bower install jquery --save

更新：使用bower更新某個特定類庫，例如jquery:

bower update jquery

刪除：例如jquery (若是包已經被依賴，則不能刪除)

bower uninstall jquery

試着在項目文件夾下，下載jquery

bower install jquery --save

而後就能夠看到項目文件夾下多了bower_components（默認目錄）,就是jquery插件包了

初步這樣也就好了，可是/bower_components這個目錄有點讓人不習慣，我想把東西下載到我習慣的目錄裏。須要加一個.bowerrc文件。注意，不須要名字什麼的，只要新增一個.bowerrc就好了。

第七 用cmd命令建立.bowerrc文件文件

以下

type null >.bowerrc
第8、.bowerrc配置

{  
  "directory" : "js/feng", "json" : "", "endpoint" : "", "searchpath" : "", "shorthand_resolver" : "" } 

第9、一樣的cmd命令再執行一遍，此次能夠看到文件下載到js/feng中了。

當我在cmd窗口中用下邊命令時：

1）windows環境

d:\myproject> bower install bootstrap-sass

出現 Bower : ENOGIT git is not installed or not in the PATH錯誤，則須要配置你的Git到path，具體以下

方法一：假如你的git安裝目錄是」C:\Program Files (x86)\Git」，在path中( 系統屬性中)加入git的bin和cmd目錄，如C:\Program Files (x86)\Git\bin;C:\Program Files (x86)\Git\cmd

方法二：使用Git Bash來代替cmd

備註： 若是方法一不起做用是由於，你修改的path沒有生效， 你須要從新啓動電腦

2）Ubuntu:

安裝git:

$ apt-get install git