Bower快速學習

什么是bower?

Bower是一個前端類庫管理器,它可用于搜索、安裝和卸載如JavaScript、HTML、CSS之類的類庫。

官網(wǎng):https://bower.io/

安裝bower

使用npm,打開終端,輸入:

npm install -g bower

開始使用

搜索包

bower search ?包名

查看包的信息

bower info 包名

bower info 報名#版本號 ? 查看具體版本的包的信息


安裝包

bower install 包名 <#版本號><--save>

默認下載最新版本的包,會將所需的依賴一起下載下來。(記得加--save,會自動將下載的包的信息添加到bower.json的依賴列表中,下面會講)。

下載完成后,會默認存儲在bower_components目錄下。

bower.json

通過Bower下載下來的包,每個包都會帶有bower.json文件,這個文件是用來描述項目的名字,版本,依賴等。

創(chuàng)建bower.json的方式有兩種,手工創(chuàng)建和bower init。


會提示你輸入一些基本信息,根據(jù)提示按回車或者空格即可,然后會生成一個bower.json文件,用來保存該項目的配置,如下:


使用了bower.json后,方便許多,當別人拿到你的代碼時只需要進行一下bower install 即可查看效果。

執(zhí)行bower install 會自動下載bower.json-->dependencies下描述的包。

查看當前項目以安裝的包

bower list?

該命令會自動列出當前項目中所用的包,包的版本,以及所用包目前具有的最新版本。


更新包

bower update

通過修改dependencies中包的版本號,再執(zhí)行bower update 即可更新包。

卸載包

bower uninstall ?包名

該命令會將制定的包,依賴一起卸載。

刪除項目無關的包

bower prune

安裝某個包后,修改bower.json,將該包從dependencies里移除,再執(zhí)行該命令,bower會自動檢查bower.json和bower_components,將無關的包給移除。

緩存管理

bower cache list

顯示本地所有緩存的包。

bower cache clean

清空本地所有緩存的包。

bower install 包名 --offline-save?

從本地緩存中安裝該包,并添加到bower.json的依賴列表。


.bowerrc

該文件用來配置當前項目中使用bower的一些默認行為。比如bower_components的目錄。

{

"directory":"app/bower_components"

}

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,569評論 19 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,063評論 25 709
  • 什么是bower Bower —— A package manager for the webbower是前端包管...
    這個名字成么閱讀 2,315評論 0 5
  • 由上篇《 Node.js 自動化工具 - YEOMAN 》接著開始研究另一個新的工具 Bower 。 我們在擁有腳...
    Max_Law閱讀 3,297評論 3 4
  • 有一陣子,“接納”這個詞似乎很流行,常在朋友圈里看到諸如“接納自己”,“接納現(xiàn)狀”、“接納情緒”、“接納過錯”、“...
    我是Alan閱讀 1,053評論 0 2

友情鏈接更多精彩內(nèi)容