Bower快速学习

什么是bower?

Bower是一个前端类库管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的类库。

官网: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文件,这个文件是用来描述项目的名字,版本,依赖等。

创建bower.json的方式有两种,手工创建和bower init。


会提示你输入一些基本信息,根据提示按回车或者空格即可,然后会生成一个bower.json文件,用来保存该项目的配置,如下:


使用了bower.json后,方便许多,当别人拿到你的代码时只需要进行一下bower install 即可查看效果。

执行bower install 会自动下载bower.json-->dependencies下描述的包。

查看当前项目以安装的包

bower list 

该命令会自动列出当前项目中所用的包,包的版本,以及所用包目前具有的最新版本。


更新包

bower update

通过修改dependencies中包的版本号,再执行bower update 即可更新包。

卸载包

bower uninstall  包名

该命令会将制定的包,依赖一起卸载。

删除项目无关的包

bower prune

安装某个包后,修改bower.json,将该包从dependencies里移除,再执行该命令,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"

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 137,086评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 180,157评论 25 708
  • 什么是bower Bower —— A package manager for the webbower是前端包管...
    这个名字成么阅读 2,335评论 0 5
  • 由上篇《 Node.js 自动化工具 - YEOMAN 》接着开始研究另一个新的工具 Bower 。 我们在拥有脚...
    Max_Law阅读 3,342评论 3 4
  • 有一阵子,“接纳”这个词似乎很流行,常在朋友圈里看到诸如“接纳自己”,“接纳现状”、“接纳情绪”、“接纳过错”、“...
    我是Alan阅读 1,082评论 0 2

友情链接更多精彩内容