Bower的安装与基本使用

Bower是什么东西？

一个前端包管理工具。可以帮咱们管理Web站点上的各类框架，类库等等。主要做用有以下：可以帮助咱们跟踪前端包，而且保证他们是最新（或者是你指定的特定版本），Bower可以管理前端里面的HTML,CSS,JS，甚至还能够是图片。Bower还有一个最大的好处，它对咱们前端进行了优化。若是多个包依赖于一个包，例如jQuery，那么Bower将只下载jQuery一次，这样就称为扁平依赖，它有助于减小页面加载。

简言之就是用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。

安装

bower依赖于node.js和npm，若是要使用它须要先安装node.js和npm，由于node.js包含npm，因此只须要安装node.js便可。

1.Node安装（若已安装可跳过）：

Windows 安装包(.msi)
32 位安装包下载地址 : https://nodejs.org/dist/v4.4....
64 位安装包下载地址 : https://nodejs.org/dist/v4.4....

CentOS安装：

获取源码，解压，编译安装，配置变量修改权限,编译文件，检查版本
cd /usr/local/src/
wget http://nodejs.org/dist/v0.10.24/node-v0.10.24.tar.gz
tar zxvf node-v0.10.24.tar.gz
cd node-v0.10.24
./configure --prefix=/usr/local/node/0.10.24
make
make install
vim /etc/profile
设置nodejs环境变量，在 export PATH USER LOGNAME MAIL HOSTNAME HISTSIZE HISTCONTROL 一行的上面添加以下内容:
#set for nodejs
export NODE_HOME=/usr/local/node/0.10.24
export PATH=$NODE_HOME/bin:$PATH

//重编译生效
source /etc/profile
//检查是否安装成功
node -v

2.Bower安装：

npm install bower –g

初始化

bower init

安装、更新、卸载依赖包

bower install
如：bower install jQuery#1.2

bower update
bower unstall

清理缓存

bower cache clean

查询

bower search 包名

注册包

先去github上面创建一个库（项目）（公有，私有都行）或者其余，只要能让bower.com能访问到地址应该均可以。
好比创建了一个叫作angualr-demo的库，而后加入bower init来管理这个库。

bower install ngDemo 安装

Bower配置文件(bower.json)

做用相似于composer.json，执行bower install时会依据这个配置文件更新库

bower.json配置文件
{
"name":"",              //必须，若是须要注册包，则该包名惟一。
"description":"",       //可选，包描述
"main":[],              //可选，入口文件，bower自己不使用，供第三方构建工具会使用
//每种文件类型只能有一个。
"ignore":[],            //可选，文件或目录列表。bower安装的时候将忽略该列表中的文件。
//bower是从git仓库或压缩包下载一个包，里面的文件并不必定所有须要。
"dependencies":[],      //依赖包，name:value，value能够是包的semver       
//range(版本号范围)，也能够直接是一个包的git地址或压缩包地址。
"devDependencies":[],   //开发依赖包，仅仅在开发过程当中测试或者编译文档用，部署生产环境是不须要。
//格式和dependencies 相同
"resolutions":[],       //包引用冲突自动使用该模块指定的包版本
//格式和dependencies 相同
"overrides" :[          //这个也很关键，能够覆盖一个包中的默认设置，好比main里面设定的入口文件
"package-name":{    //这样能够根据须要，让第三方工具只打包须要的文件。
"main":[]
        }
    ],                     
"moduleType":"",        //可选，指定包采用那种模块化方式(globals,amd,node,es6,yui)
"private":Boolean,      //是否公开发布当前包,若是只是使用bower来管理项目的包，设置为true.
"license":"",           //受权方式(GPL-3.0,CC-BY-4.0.....)
"keywords":[],          //可选，方便注册后容易被其余人搜索到。
"authors":[],           //做者列表
"homepage":[],          //主页，包介绍页
"repository":{          //包所在仓库。
"type": "git",
"url": "git://github.com/foo/bar.git"
    },
｝

.bowerrc

.bowerrc文件是用来配置bower自己的一些默认配置的

如，bower install 安装，默认会安装到当前目录下，要修改该安装位置，则须要编辑.bowerrc文件

新建.bowerrc文件
{
    "directory":"public/bower_components"
}