前端包管理工具—bower

bower

bower是什么？

Bower是一款优秀的包管理器，它由Twitter公司开发，支持以命令行的方式来对包进行搜索、下载、更新和卸载。

包英文（package）模块或组件的另一种叫法。

依赖一个模块为了满足独立完整原则所必须的其他模块，依赖提供了这个模块所需要的功能，如果没有这个功能，那么这个组件就无法工作。例如我们认为jQuery-ui这个组件依赖于jQuery。

 

bower有什么作用？

基于nodejs的模块化思想，把功能分散到各个模块中，让模块和模块之间存在联系，通过 Bower 来管理模块间的这种联系。

 

bower与npm的区别

npm 是伴随Node.js 出现的一个包管理器，最开始只能支持 Node.js 的模块管理，但是后来， npm官网经过一次改版，打出的口号是javascript 的包管理器，所以，其已经不在局限于是Node.js 的模块管理了，已经通用到了所有 js 的包管理工具了，可以说，前后通吃了。

bower ，从一开始，就是专门为前端表现设计的包管理器，一切全部为前端考虑的。npm 和bower 的最大区别，就是 npm 支持嵌套地依赖管理，而 bower只能支持扁平的依赖（嵌套的依赖，由程序员自己解决）。

当然,bower 是运行在node.js 基础上,所以你的当前环境确保已经安装 node.js .

一般来说，npm管理后台的包，bower管理前台的包

 

bower怎么用？

1.bower依赖 Node.js环境，先配置node环境 ，注意：bower需要git支持

 

2. 安装bower，推荐安装到全局

 npm install bower  -g    

 bower -v    查看版本号测试是否已经安装完成

 

3.初始化bower

bower init

一直按 enter 直到完成

文件夹内会生成 bower.json 文件

 

4.接下来就可以安装包了，

bower install jquery      //以下载jquery包为例，默认下载最新版本，且bower.json 文件中存储着包名和版本号的dependencies对象不会刷新

 

安装包的指令与cnpm一样，指定版本，本地安装需加上--save，bower.json 文件才会刷新

bower install jquery@1.11.3   --save

 

下载依赖js包到指定文件夹目录

在根目录下新建.bowerrc文件，里边加入如下：

{

"directory":"public/libs"

 }

创建public文件夹，里面新建libs文件夹，将依赖的包移入进libs文件夹后，其他的依赖js包文件夹删掉也没关系。

 

 

安装包下载出错解决方案

1.用bower安装包出错

git is not installed or not in the PATH

解决办法：

在全局变量中加入：

C:\Git\cmd;C:\Git\bin;

步骤界面：

 

安装后不小心电脑断电

npm rm -g bower 
npm cache clean 
npm i -g bower 

删除-清缓-重装，手动删目录是不行的， 
看来其他模块遇此问题也可同样处理。

 

转载于:https://www.cnblogs.com/wxyblog/p/11379163.html