某人

此前素未谋面、此后遥遥无期

0%

bower使用

发表于 更新于 分类于

bower

Bower一个好用的Web包管理器，可以搜索、安装和卸载如JavaScript、HTML、CSS等资源

bower官网地址-英文：https://bower.io/

bower官网地址-中文：http://www.bowercn.com/

安装bower

Bower是命令行工具，通过npm安装,Bower依赖node, npm 和git.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
npm install -g bower #全局安装bower

bower help #查看帮助
bower -v   #查看版本
bower cache #缓存管理
bower help #显示Bower命令的帮助信息
bower home #通过浏览器打开一个包的github发布页
bower info #查看包的信息
bower init #创建bower.json文件
bower install #安装包
bower link #在本地bower库建立一个项目链接
bower list #列出项目已安装的包
bower lookup #根据包名查询包的URL
bower prune #删除项目无关的包
bower register #注册一个包
bower search #搜索包
bower update #更新项目的包
bower uninstall #删除项目的包

bower使用

通过命令 bower install安装软件包，默认会安装到 bower_components/目录.

1
bower install <package>

想要下载的包可以是GitHub上的短链接（如jquery/jquery）、 .git 、 一个URL或者其它. 了解更多： bower install。

1
2
3
4
5
6
7
8
9
10
# 通过 bower.json 文件安装
$ bower install
# 通过在github上注册的包名安装
$ bower install jquery
# GitHub短链接
$ bower install desandro/masonry
# Github上的 .git
$ bower install git://github.com/user/package.git
# URL
$ bower install http://example.com/script.js

搜索包

官网地址: https://bower.io/search/

1
bower search jquery #搜索jquery

设置bower.json

可以通过bower init命令新建一个bower.json文件。会提示你输入一些基本信息，根据提示按回车或者空格即可，然后会生成一个bower.json文件，用来保存该项目的配置。
果想保存依赖信息(dependencies)到你的bower.json文件，可以使用：

1
2
3
bower init #新建bower,json文件
bower install PACKAGE --save #安装包并添加到 bower.json dependencies中
bower install <package> --save-dev #安装包并添加到 bower.json devDependencies中

bower init，出现错误

问题链接：https://github.com/bower/bower/issues/802

在 windows cmd 里面使用 bower init,而不是在 git bash 里面使用 bower init.

参考文件：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
{
  "name": "testbower",
  "version": "2.1.2",
  "description": "测试bower",
  "main": "test",
  "keywords": [
    "test"
  ],
  "authors": [
    "test"
  ],
  "license": "MIT",
  "homepage": "test.com",
  "private": true,
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "lib/",
    "test",
    "tests"
  ],
  "dependencies": {
    "bootstrap": "3.3.5",
    "jquery": "^3.1.1"
  }
}

设置包的安装目录

Bower的配置文件是.bowerrc,使用JSON格式进行描述。详细参数 :http://www.bowercn.com/docs/config/

再项目目录下新建.bowerrc文件，内容为如下：

1
2
3
{
  "directory": "lib/"
}
1
2
3
4
bower install jquery -save #安装jquery,默认安装最新版本
bower info jquery #查找jquery的相关信息
bower info jquery#1.11.1 #查看指定版本的信息
bower install jquery#1.12.4 --save #安装指定版本的jquery-如果与你项目不兼容，则不成功

切换jquery版本

修改bower.json文件中的jquery版本,执行：bower update jquery

1
2
3
"dependencies": {
  "jquery": "~1.11.3"
}

卸载包

1
2
bower uninstall jquery --save  #卸载jquery包
bower prune #根据bower.json文件来清除包

离线安装

用bower安装包时，bower会把这个包缓存到本地，下次再安装同样的包时，bower就会从本地缓存去下载

1
bower cache list #查看包缓存

使用本地缓存安装

1
2
3
bower install jquery --offline --save
bower cache clean #清除缓存
bower cache clean jquery #清除jquery缓存

修改项目版本号

  • major :项目有很大变化
  • minor :项目添加了一些功能
  • patch :项目修正了一些错误
1
2
3
4
5
v1.0.0 #起初版本

bower version major #升级一大版本2.0.0
bower version minor #升级一中版本2.1.0
bower version patch #升级一小版本2.1.1

修改版本号自定义提交信息呢

前提是你项目使用了版本控制如git,使用如下命令：

1
2
bower version patch -m "%s 修正一些小错误"
git log #查看日志