Bower快速学习

Posted 2020-09-08 沐雨橙风

什么是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"

}