bower学习(二)命令

发布时间 2023-11-28 12:27:17作者: 威武的大萝卜

 

 

1.获取帮助信息

bower --help

2.自定义包安装目录

在当前项目下新建.bowerrc文件,内容如下:

{
  "directory" : "js/lib"
}
配置好之后,安装的资源文件将位于js/lib目录下。

3.bower初始化

进入项目目录中,输入命令如下:

bower init

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

4.安装包的最新版本

例如安装jquery,输入以下命令:

bower install jquery --save
然后bower就会从远程下载jquery最新版本到你的js/lib目录下, 其中--save参数是保存配置到你的bower.json,你会发现bower.json文件已经多了一行:
"dependencies": {
    "jquery": "~2.1.4"
 }
除此之外, bower还支持通过以下方式来安装包:
复制代码
# 读取配置文件bower.json进行安装
$ bower install
# 通过Github shorthand进行安装
$ bower install desandro/masonry
# 通过Github库进行安装
$ bower install git://github.com/user/package.git
# 通过URL进行安装
$ bower install http://example.com/script.js
复制代码

5.安装包的指定版本

bower install jquery#xxx

xxx是版本号

6.查看包的信息

bower info jquery

7.包的更新

如果我们不想用最新的jquery版本,而只想用旧的版本,怎么办?
可以直接修改bower.json中的jquery版本号,然后执行以下命令即可:

bower update

9.包的查找

bower支持模糊查找,例如查找包含字符串bootstrap的包

bower search bootstrap

10.卸载包

bower uninstall jquery

11.缓存管理

  • 清理缓存
bower cache clean
  • 列出缓存的包
bower cache list
  • 通过缓存的包进行安装
bower install <package> --offline

12.打开主页

$ bower home
$ bower home <package>
$ bower home <package>#<version>
如果指定包名的话,打开该包所定义的主页。如果没有指定的话,则打开当前项目中的主页,一般是index.html。

13.列出已经安装的包

使用下面的命令列出当前已经安装的包,以及可用更新。

bower list 
bower list --paths
bower list --paths --json 
还可以使用-p参数列出包的路径。

14.通过包名查找URL

bower lookup <name>

15.查看bower版本

bower --version

注:下载完后会在文件中出现bower_components