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
第八、.bowerrc配置

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

第九、同樣的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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM