文档章节

前端包管理工具—bower

o
 osc_g8254g7s
发布于 2019/08/19 19:34
字数 758
阅读 7
收藏 0

精选30+云产品,助力企业轻松上云!>>>

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 

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

 

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
Bower介绍及用法(转)

Bower介绍 2014.05.10 1. bower介绍 Bower 是用于 web 前端开发的包管理器。对于前端包管理方面的问题,它提供了一套通用、客观的解决方案。它通过一个 API 暴露包之间的依赖模型,这样更利于...

mosaic101
2015/04/15
237
0
AdminLTE 快速入门

使用包管理工具 Bower Bower 是一个前端包管理工具。包的内容没有限制,可以是综合型的框架,如 Bootstrap,也可以是 JS 库,如 jQuery,还可以是图片、字体等等。 包管理工具会自动解决包与...

去旅行_2016
2018/07/17
0
0
前端工程化之路(一)基于Yeoman:Yo+grunt/gulp+bower 搭建前端工程

转载请加说明:http://my.oschina.net/panpcui/blog/671921 ,谢谢 引言 现今,越来越多的前端集成开发工具涌现,个人觉得特别有必要让前端开发更规范、更系统、更高效。规范:让前端开发的编...

小小实习生
2016/05/09
1K
0
[js]bower

https://www.jianshu.com/p/ce135b0a8d0b npm 是伴随 Node.js 出现的一个包管理器,最开始只能支持 Node.js 的模块管理,但是后来, npm 官网经过一次改版,打出的口号是,javascript 的包管...

Danni3
2019/06/24
13
0
Grunt+Bower+Yarn管理前端资源

Grunt 基于JavaScript的自动化构建工具,可以将重复的任务,例如压缩(minification),编译,单元测试,linting等自动化。 Bower Web前端开发的包管理工具,解决前端框架间的依赖关系,方便...

osc_28q3csny
2018/08/24
4
0

没有更多内容

加载失败,请刷新页面

加载更多

Eclipse_JavaEE_Tomcat_MySQL环境配置

安装java环境,配置系统变量(JAVA_HOME,绝对路径) 下载eclipse+Tomcat+mysql window——》preference——》server——》runtime——》tomcat环境 项目右键build path 配mysql jar ,libra...

愿有时光可回首
36分钟前
20
0
MySQL原理 - InnoDB引擎 - 行记录存储 - Redundant行格式

本文基于 MySQL 8 在上一篇:MySQL原理 - InnoDB引擎 - 行记录存储 - Compact格式 中,我们介绍了什么是 InnoDB 行记录存储以及 Compact 行格式,在这一篇中,我们继续介绍其他三种行格式。 ...

zhxhash
57分钟前
17
0
leetcode面试题 17.13(恢复空格)--Java语言实现

求: 哦,不!你不小心把一个长篇文章中的空格、标点都删掉了,并且大写也弄成了小写。像句子"I reset the computer. It still didn’t boot!"已经变成了"iresetthecomputeritstilldidntboo...

拓拔北海
今天
19
0
B站跨年晚会究竟做对了什么?

燃财经(ID:rancaijing)原创 作者 | 赵磊 编辑 | 周昶帆 “补课”是《bilibili晚会 二零一九最美的夜》这个视频中,观众在前两分钟刷得最多的弹幕,寓意着观众是在元旦之后回来补看跨年晚会...

子乾建建_Jeff
01/07
55
0
关于Scrapy爬虫项目运行和调试的小技巧(上篇)

点击上方“Python爬虫与数据挖掘”,进行关注 回复“书籍”即可获赠Python从入门到进阶共10本电子书 今 日 鸡 汤 迟日江山丽,春风花草香。泥融飞燕子,沙暖睡鸳鸯。 扫除运行Scrapy爬虫程序...

yuhan336
04/02
26
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部