位置: 编程技术 - 正文

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

  • 免租期租金怎么处理
  • 进项税跟增值税
  • 进项有留底怎么结转
  • 车保险备注栏车船税如何记账
  • 营业执照经营范围劳务怎么写
  • 销售免税产品要计算销项税吗
  • 职工的补助金需交税吗
  • 超过认证期限的发票未抵扣能红冲吗
  • 独立核算的生产车间是法律主体吗
  • 附加税按实际缴纳计提吗
  • 企业报税盘入账应该记入哪个科目?
  • 企业所得税征收标准2023
  • 销售退回跨年所得税如何做账?
  • 有限合伙企业对外转让财产份额
  • 个体户没有三证合一,年检
  • 月工资和账户工资区别
  • 无租房合同可以取住房公积金吗
  • 有限公司属于什么企业
  • 股权变更之后税务变更
  • 公司装修期间物业怎么办
  • 企业筹建期间的广告费和业务宣传费
  • 小规模增值税免税额
  • 控股子公司利润并表
  • 上月留抵进项抵扣分录
  • 腾讯手游助手好不好用
  • 企业定率征收的税率是多少
  • 摊余成本计量的金融资产若溢价购买小于
  • 计提工会经费会计账务处理
  • mtd命令
  • python里面的类
  • 广告费应该计入产品成本吗
  • 资产基金的明细科目
  • 发票跟税有什么关系
  • 出纳把现金存入私人账户后转公账
  • python天气数据的爬取与分析
  • 新政府会计制度与旧制度区别
  • php不支持mysql
  • 在dedecms中,如何模板建站
  • mongodb如何修改数据
  • php 操作mongodb
  • phpcms使用教程
  • 清算的基本流程
  • 给个人的返佣如何交税
  • 差旅费跨年报销违反什么规定
  • 经营结余是指事业单位在本年度经营活动
  • 主营业务利润率标准
  • MySQL中distinct语句的基本原理及其与group by的比较
  • 固定资产核算应包括什么
  • 出口货物关税完税价格包括哪些
  • 所得税核定征收的政策
  • 残保金如何做账务处理
  • 什么叫转让财产收入
  • 房地产开发企业销售自行开发的房地产项目
  • 小微企业要记账吗
  • 商贸公司会计成本核算方法
  • 注册会计师转所规定
  • 备查账包括哪些
  • 最新版手机
  • dlg是什么意思中文
  • linux查看可执行命令
  • crossfire.exe是什么
  • win8命令提示符管理员怎么打开
  • linux启动cron定时任务
  • 移动宽带解绑怎么办理
  • win7系统删除ie浏览器
  • cocos2djs教程
  • shell printf 变量
  • Node.js中的construct
  • linux如何一次性删除多个文件
  • 网关绑定失败怎么设置
  • unity3d脚本怎么用
  • python获取数据代码
  • python和微信交互
  • python电话本
  • 浙江税务客服咨询电话
  • 上海市国家税务局官网网站
  • 一般纳税人取得苗木普票可以抵扣吗
  • 如何开具分包发票流程
  • 进口哪些情况要交税
  • 实收资本印花税税率多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设