位置: 编程技术 - 正文

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面向对象编程指南)

  • 应交增值税已交税金是什么意思
  • 不用交增值税还用填附加税申报表吗
  • 增值税专票已经报税作废不了怎么办
  • 冲红电子发票是什么意思
  • 市内打车费计入差旅费吗
  • 冲红的专票要给购买方吗
  • 展示费是业务宣传费吗
  • 公司滴滴发票是什么意思
  • 支付费用可以通过应收账款
  • 房地产公司土地价款抵扣的账务处理
  • 预算基数是什么
  • 合同一方按手印另一方没按有效吗
  • 支付拆迁补偿款
  • 福利进项税额转出怎么做账务处理
  • 采购发票几个点的税
  • 什么样的企业可以开专票
  • 税务局会限制每月交税吗
  • 企业股东变更需要哪些手续
  • 计提水电费是什么凭证
  • 补交的城建税怎么账务处理
  • 员工福利专票分录
  • 进项税额加计抵减怎么做分录
  • 如何在Windows 11上卸载更新
  • 合伙企业财产清算顺序
  • 【swinUnet官方代码测试自己的数据集(已训练完毕)】
  • vue引入文件路径@的意思
  • 收到转账怎么写分录
  • 免费开源的图片app
  • vue项目内html
  • chattra
  • php yield 异步
  • 增值税进项税额能不能抵扣
  • 织梦怎么调用当前栏目下的文章
  • 收益相关的政府补助账务处理
  • 营业收入的相关认定
  • 批发和零售业行业代码
  • 费用结转的方法有哪些
  • 公司注销未分配利润如何处理
  • 合伙企业可以退出吗
  • mysql数据库压力测试工具
  • 房地产企业 预缴
  • 其他综合收益什么情况下转入留存收益
  • 旧设备出口可以退税吗
  • 确认资产减值损失后可以转回的
  • 个人工资税收怎么计算年收入
  • 企业资金如何运动
  • 生产过程中的不良品怎么处理
  • 折扣的种类有哪几种
  • 预收账款处理
  • 印花税算错了地方怎么办
  • 发票开出来对方不走账会怎么样?
  • 水利税费会计分录
  • 企业中征码怎么查询
  • 哪种飞机票可以抵扣进项税
  • 借款费用应如何入账
  • win2000服务器
  • windows10周年纪念版
  • mac怎么用浏览器
  • u深度u盘启动盘制作工具无法进入电脑
  • mscorsvw.exe是什么进程
  • 激活窗口的菜单的快捷键
  • win10家庭版免费升级专业版密钥
  • window怎么开启自动更新
  • 微软windows1
  • linux 内存文件夹
  • django在window部署
  • Bullet(Cocos2dx)之增加调试绘制PhysicsDraw3D
  • unity3d应用开发
  • jquery中的siblings方法
  • jquery trigger函数执行两次的解决方法
  • jquery有哪些
  • 基于springboot的毕设
  • android开发—01开发环境的搭建
  • python flask 路由
  • js创建对象的方法有哪些
  • 湖北税务登不上去是怎么了
  • 税控系统技术维护费抵税怎么申报
  • 亿企赢工作前景怎么样
  • 年应税销售额超过小规模纳税人标准的企业
  • 宾馆如何申请税务发票
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设