位置: 编程技术 - 正文

Web前端开发工具——bower依赖包管理工具(web前端开发工具哪个好)

编辑:rootadmin

推荐整理分享Web前端开发工具——bower依赖包管理工具(web前端开发工具哪个好),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:web前端开发工具ide,web前端开发工具ide,web前端开发工具排名,web前端开发工具手机版,web前端开发工具都有什么,web前端开发工具推荐,web前端开发工具推荐,Web前端开发工具有哪些,内容如对您有帮助,希望把文章链接给更多的朋友!

Bower 是 twitter 推出的一款包管理工具,基于nodejs的模块化思想,把功能分散到各个模块中,让模块和模块之间存在联系,通过 Bower 来管理模块间的这种联系。

包管理工具一般有以下的功能:

a)注册机制:每个包需要确定一个唯一的 ID 使得搜索和下载的时候能够正确匹配,所以包管理工具需要维护注册信息,可以依赖其他平台。

b)文件存储:确定文件存放的位置,下载的时候可以找到,当然这个地址在网络上是可访问的。

c)上传下载:这是工具的主要功能,能提高包使用的便利性。比如想用 jquery 只需要 install 一下就可以了,不用到处找下载。上传并不是必备的,根据文件存储的位置而定,但需要有一定的机制保障。

d)依赖分析:这也是包管理工具主要解决的问题之一,既然包之间是有联系的,那么下载的时候就需要处理他们之间的依赖。下载一个包的时候也需要下载依赖的包。

由于bower是基于nodejs开发的,所以你首先必须得有个nodejs环境,至于这么安装nodejs网上一大堆教程,对了使用bower还需要安装git,这里就不多说了。

bower带来的好处

  假如你有一个项目,里面需要用到了JQuery在正常情况下我们需要到jQuery官方网站下载库,这样的话,每次jquery更新,我们又要到jQuery官方下载,那这样的话就很麻烦了,如果有一款工具能够输入一个命令让我们选择要下载的版本,并且如果想把我们项目里面的所有库更新到最新版也只需要输入一个命令那是不是很方便,bower的另外一个好处就是如果你安装bootstrap那么它会自动下载jquery,因为bootstrap依赖了jquery,简单的来说只要我们下载的那个库依赖了另外的库那么bower会自动帮我们下载依赖的库,bower就是这么强大。

bower的安装

  npm install -g bower 表示安装到全局环境

bower的使用

  1. 通过bower下载库

    bower install (包的名称如:jquery)[#版本如:#1.7] 版本可选,如果没有写,默认下载最新版

    如:bower install bootstrap#2.2

  2. 如果需要更新所以的库,我们可以输入以下命令

    bower update

如果需要生成一个你下载个包的所以信息,比如你在一个团队中,你想让其他人知道你都用了哪些库,并且它们的版本是多少,那么我们可以通过以下命令来完成。  我们需要先初始化一个包描述。它会在你的当前执行环境目录中创建一个bower.json的目录

Web前端开发工具——bower依赖包管理工具(web前端开发工具哪个好)

    `bower init -y`

  然后通过

    `bower install jquery --save`

  它会在bower.json文件中加入jquery的版本信息,如果你想添加多个可以通过空格bower install jquery bootstrap less --save

以下是bower.json文件的内容

  当然如果你是nodejs新手或许你会有些茫然,因为这里并不是一个nodejs基础教程,如果你想了解想学node的话还需要到网络中学习。

  bower除了这些好处以为,还有一些更加强大的功能,那就需要大家去发现了,我这里就不再介绍了,毕竟我也是刚刚开始学习node

------------------------------------------------------分割线---------------------------------------

bower与npm的关系

   安装bower需要通过npm来安装

bower与npm的区别:

  1. 在之前的npm版本中,它不能共享依赖的代码,也是就说,在以前的npm版本中,如果你下载了一个bootstrap,因为bootstrap是依赖jquery的,所以它会把jquery也下载下来,但是如果你的另外一个库也用到了jquery,那么它也会去下载一个jquery,这样的话,代码就重复了。

  它们的结构就像这样:

    bootstrapjQuery    xxxxxxxxxjQuery

  它们重复了对吧,不过好像在npm的最新版本中解决了这个问题。

  2. npm 会将开发环境一起下载下来,bower 只会下载 编译后的前度模块。

  3. NPM主要运用于Node.js项目的内部依赖包管理,安装的模块位于项目根目录下的node_modules文件夹内。而Bower大部分情况下用于前端开发,对于CSS/JS/模板等内容进行依赖管理,依赖的下载目录结构可以自定义。 -- 本段内容是在网上找到的。

  所谓的自定义目录结构的意思是说,你在那个文件目录打开的bower,那么它就会在那个文件下,下载你需要的包,而npm就不支持这个。

总结:我们可以简单的来理解npm是用来管理nodejs模块的也就是包,而bower是用来管理我们前端库的。

有关Web前端开发工具——bower依赖包管理工具小编就给大家介绍到这里,希望对大家有所帮助!

JavaScript面向对象程序设计教程 JavaScript中对象的定义为:无序属性的集合,其属性可以包含基本值、对象或者函数。可以把对象想象成散列表,就是一组名值对(key:value),其中值

使用postMesssage()实现iframe跨域页面间的信息传递 由于web同源策略的限制,当页面使用跨域iframe链接时,主页面与子页面是无法交互的,这对页面间的信息传递造成了不小的麻烦,经过一系列的尝试,

分析js闭包引起的事件注册问题 背景:闲暇时间看了几篇关于js作用域链与闭包的文章,偶然又看到了之前遇到的一个问题,就是在for循环中为dom节点注册事件驱动,具体见下面代码:

标签: web前端开发工具哪个好

本文链接地址:https://www.jiuchutong.com/biancheng/375982.html 转载请保留说明!

上一篇:Javascript设计模式之观察者模式(推荐)(js设计模式书)

下一篇:JavaScript面向对象程序设计教程(javascript面向对象编程指南)

  • 固定资产处置收入怎么报税
  • 残疾人个人所得税
  • 购买产品再出售怎么入账
  • 认缴制投资方的账务处理
  • 小微企业所得税税率2.5% 10% 25%
  • 发票与入库单明细不一致税务可以吗
  • 贷款利息不能抵扣进项税
  • 季度不超过9万
  • 从业人数和资产的关系
  • 账簿登记的重要内容
  • 增值税一般纳税人证明文件
  • 营改增后甲供材如何扣除
  • 企业所得税税前扣除异常是什么意思
  • 收到跨年的票据怎么做账
  • 公司看望病人账务处理
  • 机动车强制保险新政策
  • 如何开具红字专用发票信息表
  • 个人取得利息需要缴纳增值税吗
  • 单张发票不超过1万
  • 合作社未按时报税怎么处理?
  • 研发人员的工会经费计入研发费用吗
  • 合同资产对应的成本
  • 阻止系统蓝屏后怎么恢复
  • 民间非盈利组织会计要素组成
  • 评估增值资产如何记账
  • 苹果手机查找对方手机位置看不到
  • win10待机自动关机软件
  • 会计账与银行账不符怎么调整
  • 悬崖边上的门
  • 社保通过银行缴纳
  • 商业汇票不带息到银行办理贴现公式
  • php实现数据库创建题库
  • 财政专户资金是专项资金吗
  • Yii2 rbac权限控制之rule教程详解
  • 个人所得税现金流量表属于哪一项
  • 企业的银行账户按用途分不包括的是
  • zentaophp框架
  • vue3动态路由权限
  • vue2 diff算法
  • 工会经费的会计分录2022
  • u8存货核算对方科目怎么设置
  • 车费增值税税率
  • 虚开增值税发票不是也要缴税吗
  • 出售持有股票会计处理
  • wordpress主题安装好后怎么设置
  • PureFTP借助MySQL实现用户身份验证的操作教程
  • 个人所得税定额税率
  • 增值税抵扣比例是多少
  • sql server 2008中的权限分为三类
  • 专票抵扣进项税额怎么填申报表呢
  • win7系统安装包在哪个文件夹
  • 个人所得税有哪些项目
  • 外账会计的做账流程
  • 税金及附加和营业税金及附加是一个科目吗
  • 销售退货的会计账怎么处理
  • 绩效工资定义及标准
  • 发票联遗失的证明怎么开
  • 加油充值卡开票内容是什么
  • 现金折扣和商业折扣怎么确定收入
  • 审核通过的红字信息表可以删除吗
  • 发票抬头公司报销的该怎么写
  • mysql 5.6.26 winx64安装配置图文教程(一)
  • mysql怎么创建储存过程
  • win10的ubuntu
  • solaris安装教程
  • win10出现未知错误
  • win8系统如何查看电脑内存
  • 驱动安装过程中发生错误
  • 关闭5gwifi
  • 怎样一键清空
  • xp密码忘记了怎么办大神
  • windows8应用商店用不了
  • windows8如何使用
  • 误删了一些文件电脑不能正常启动了
  • 举例说明什么是判断
  • 海量文件复制和复制区别
  • nodejs 调用python代码
  • 修改update.zip
  • js模拟点击事件onclick
  • 契税减免优惠政策2023年最新
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设