Bower的简单使用教程

以前咱们不少的第三方依赖包都是去各自的官网下载的，而后引入到咱们的项目中，其实这是一种很是麻烦的作法，由于有个工具就是彻底的能够替代着咱们作这些事情，对于gower就不过多介绍了，下面简单的说下在项目中的使用吧：

bower安装第三方插件很简单：bower install

首先bower回去查找query是否在他的注册库里，而后找到对应的GitHub地址，再而后bower就会去下载并安装jquery的最新稳定版本。

看下项目目录多了个bower_components目录，再进去能够看到
而后咱们能够看到在项目中，会有个bower_components这个文件夹的出现，而后里面下载的便是咱们的依赖包

若是咱们须要安装的东西比较小众，在bower中并无注册
bower还提供了一下的安装方式：
一、经过Github的短写安装。前边是注册账号的名字，后边是项目的名字

二、还可使用项目完整的Github地址，例如jquery的：https://github.com/jquery/jquery.git

三、若是没有在Github上立项，咱们也能够直接经过URL安装。

bower也有个线上的搜索：

在这里咱们能够直接搜索到在bower中注册的一些组件，这里面的owner是值由谁开发的

固然，咱们仍是要专业点的嘛～

关于bower，还有两个配置文件：
bower.son和bowerrc

可是如今咱们的项目中并无这些文件，bower.json文件的好处就是咱们的版本库中并不须要保存bower下载的这些文件，只须要保存bower.json就能够了，而后经过运行bower install就能够安装项目所须要的第三方插件了

那么如何生成bower.json这个文件呢？
直接运行bower init，具体以下：

对于上面的一些问题，你们能够自行查一查，其实也就是bower.json中生成的，后续能够手改，具体的就不一一介绍啦。

后来，他会把将要生成的bower.json给咱们预览，而后就能够直接生成出来了：

咱们须要安装新的第三方依赖包的时候呢，这时候咱们须要在后加－－save，若是但愿在devDependencies里安装，就须要加上后缀：—save-dev以下：

而后咱们再经过命令去查看：

下面说一下bowerrc文件

directory:是值第三方依赖包下载所在的位置
proxy：在不少公司，为了保护公司内网的安全性，是须要配置这个代理的。因此这里通常要配置公司的代理
timeout：默认的链接为60000ms，可是当网速很差的时候，能够设置10分钟，”timeout”:600000
还有不少你们能够自行查一查哈

如上，bower的配置就基本都搞定了。这里咱们能够新建个app文件件，index.html文件
后来咱们发现，bower所下载的一个个的依赖包，咱们都须要本身手动的引入进去，至关的麻烦，可是如何才可以在用bower下来了依赖包，它会自动的引入到index页面中呢，这里可能就须要用到grunt，或则gulp了。。。

哈哈～