问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

bower 为什么要安装git

发布网友 发布时间:2022-04-23 14:45

我来回答

2个回答

懂视网 时间:2022-04-23 19:07

bower 是一个常用的包管理工具,用起来和npm很相似,但是两者又有一些区别,可以参考 —— What is the difference between Bower and npm。这里不说bower本身,而想说一下bower的overrides配置。

何谓override

override 本身是覆盖的意思,实际上,它的作用也是用来覆盖依赖包原有的配置。如果是手动引入 bower 依赖包的文件的话,这个配置没什么用,但是当你使用如wiredep这种自动注入工具时,overrides就很有用了。

比如我们用bower安装了 ace-builds 包:

bower install ace-builds --save

然后使用wiredep自动注入bower依赖:

$ node
> require('wiredep')({ src: 'index.html' });

(具体命令参见wiredep文档)

你会发现 ace-builds 相关文件一个也没有注入到 index.html 中,这是为什么呢?

打开 ace-builds 的依赖包的 bower.json 文件 :

这里写图片描述

你会发现里面并没有配置main选项,而 wiredep 的自动注入其实就是根据每个依赖包中的main选项来决定注入哪些文件的。没有main,wiredep自然没法自动注入了。

这时 overrides 选项就派上用场了,我们可以这么定义:

"overrides": {
 "ace-builds": {
 "main": [ "src-min-noconflict/ace.js", "src-min-noconflict/mode-yaml.js", "src-min-noconflict/mode-javascript.js", "src-min-noconflict/theme-github.js", "src-min-noconflict/ext-language_tools.js"
 ] } }

指出我们需要自动注入的文件。

热心网友 时间:2022-04-23 16:15

1
首先你得有node,这里就不多做介绍了
另外,对于windows用户,还需要装msysgit,如下图。注意图二中的那个选项

2
全局安装bowernpm install -g bower

3
试着在项目文件夹下,下载jquery 和 underscore
bower install jquery underscore

4
然后就可以看到项目文件夹下多了一个app文件,里面有bower_components,再就去就是两个插件了包了

5
初步这样也就行了,但是app/bower_components这个目录有点让人不习惯,我想把东西下载到我习惯的目录里。需要加一个.bowerrc文件。注意,不需要名字什么的,只要新增一个.bowerrc就行了。里面用可以定义下载目录
{
"directory": "app/vendor"
}

6
同样的cmd命令再执行一遍,这次可以看到文件下载到app/vendor中了

7
如果已经下载了很多必要的js,然后又不小心vendor文件夹删了,或者说另一个项目也需要类似的配置,难道还要一个一个输入命令吗?为了方便我们还要再加一个bower.json配置文件
可以自己用文本编辑器新增一个,也可以用bower.init初始化
bower.init后,它会问你很多问题,一路默认就行了

8
然后文件夹里就会多一个bower.json

9
bower install --save handlebars 后就会看到handlebar 在bower.json的dependencies里,如果不加--save就不会有。

10
接下来删了app/vendor下的所有内容,然后bower install,他会把bower.json中的dependencies重新下载
bower install`具体是怎样运行的

Bower 是基于 Git 之上的包管理工具,它提供的包其源头都是一个 Git 库(多数都在 Github 上,但并非必须),这是为了利用 Git 对这些包进行版本控制。然而,并不是任何一个 Git 库都会被 Bower 索引,能够通过 Bower 下载的包

android auto

您好!建议咨 深圳市微测检测有限公司,已建立起十余个专业实验室,企业通过微测检测就可以获得一站式的测试与认 证解决方案;(EMC、RF、MFi、BQB、QI、USB、安全、锂电池、快充、汽车电子EMC、汽车手机互 联、语音通话质量),认证遇到的疑难杂...

使用bower进行安装 什么意思

一是应用软件与操作系统十分契合,安装时只需将应用软件拷贝到计算机的存储设备中,使用时直接通过操作系统就能使其发挥作用;二是应用软件运行时必须要求操作系统作出一定的配合或者应用软件需要根据不同的操作系统作出适当的调整。这就要求应用软件在安装时,就将这些要求加以说明和记录,以便在这类软件开始运...

为什么选择 Yeoman 及 Yeoman 的安装

在安装Yeoman之前,你需要如下:1. NodeJS v0.10.x+ 2. npm v1.3.7+ 最简单的方法是去 NodeJS website.网站,window 系统下载.msi, Mac系统下载.pkg, 安装后以上就全有了。检查一下是否装好了(运行->cmd 进入Dos窗口写命令,这里不用写像下图中的"$",图中用$是因为用的Cygwin)(另:...

如何正确的指定bower的安装目录

bower是一款优秀的前端包及依赖管理工具,借鉴了npm。官网 http://bower.io/ 2.bower简单使用 首先,使用npm install bower -g安装bower(node安装略过)。然后,使用bower init 初始化当前工程的bower。此操作会在当前目录下生成bower.json文件。关于bower.json的详细信息,请自行查阅相关文档。安装需要...

小白请教各位大牛windows下怎么用bower安装bootstrap

先装bower,再装用bower装bootstrap。先去bower官网学怎么安装bower及托管在bower的库文件。除非重新设计生成自己的bootstrap或者搭配其他工具使用,不然不用这样安装,一般这种装法都是要重新生成CSS和JS文件的。如果仅仅是使用bootstrap,还是直接下载生成好的CSS和JS比较好。

如何配置bowerrc文件代理

安装之前检查nodejs如果没安装nodejs按照以下步骤安装$su-$yuminstallopenssl-devel$cd/usr/local/src$wgetprivate-bower-config.json将以下内容粘贴进去:{"port":5678,"registryFile":"./private-bower/bowerRepository.json","disablePublic":false,"publicRegistry":"/packages/","repositoryCache":{"...

如何在 Windows 平台安装与使用 Yeoman 1.0 相关工具

bower - the package management tool ( 用来管理特定网站下所使用的各式前端套件,如: jQuery ) grunt - the build tool ( 用来执行一些网站的自动化工作,例如单元测试、最小化、执行批次命令 ) 要安装这三套工具之前,还有许多相依的工具必须事先安装,否则工具指令会无法正确执行,以下包括 node.js , Git for ...

小白请教各位大牛windows下怎么用bower安装bootstrap

使用bower安装bootstrap的命令是: bash$ bower install bootstrap 不过问题出在如何安装bower上。 官方网站上这样说的: Bower depends on Node and npm. It's installed globally using npm: npm install -g bower Also make sure that git is installed as some bower packages require it...

HTML是什么??

它包括一系列标签,可以统一网络上文档的格式,将分散的互联网资源连接成一个逻辑整体。HTML是由HTML命令组成的描述性文本,可以解释文字、图形、动画、声音、表格、链接等。Html是一种用来描述网页的语言。它被称为超文本标记语言,它是一种标记语言。它包括一系列标签,可以统一网络上文档的格式,将分散...

前端常用的框架有哪些?

6.对模块友好:可以通过NPM、Bower或Duo安装,不强迫你所有的代码都遵循Angular的各种规定,使用场景更加灵活。缺点:1.新生儿:Vue.js是一个新的项目,没有angular那么成熟。2.影响度不是很大:google了一下,有关于Vue.js多样性或者说丰富性少于其他一些有名的库。3.不支持IE8。Angular:Angular是一款...

window安装git centos安装git git安装gita5 Ubuntu git安装 linux安装git linux安装git命令 git安装教程 yum安装git git安装包
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
电脑开机时怎么进入安全模式 广东医学院大一新生宿舍怎么样,是不是都是学校分配,不能自己选择_百度... 2012高考理科 考到545 想知道怎么填志愿 我的分数545可以报广东医学院边d专业?我系广东考生 高考排名。高考报志愿。广东医学院。 今年545分补录广东医学院还有机会吗? 徒步穿什么鞋 夫妻之间感情再不好都不要去互相伤害 平时可以穿登山鞋吗 大学生都爱去哪些网站? 根据世界气候的分布写出亚洲的主要气候类型和分布 亚洲主要有哪些气候类型? 这些气候是怎样分布的? 南极洲的气候类型是什么? 北美洲以哪种气候为主? 百度知道更换头像显示成功后,一刷新就没有了!连续3天都不行! 为什么不可以换头像? 亚洲的气候类型有哪些? QQ为什么突然不能换头像了???现在已经2018年工2月25日了为什么还是换不了呢?, 为什么十九大开会期间改不了QQ头像和签名? 为什么QQ换不了头像 现在 微信最近很长时间了,无法更换头像? 求元宵节由来的故事字数要少一点的 看过物语系列的来,续终物语动漫化了么?有人说花物语最后男主死了女主全死了是什么意思? 佰物语系列小说结局是什么,每一部的顺序怎么排 戴尔Venue 8可以安装 ubuntu吗? 物语系列 动漫结局了吗 最后一部是终物语吗? 物语系列完结了吗?伤之后就没有了各个角色的结局?我没看小说,还有历不是被砍了吗?怎么还能开车载神原 dell为什么预装ubuntu 伤物语男主最后为什么不杀了那个吸血鬼 电热暖水袋是什么? 伤物语是物语系列的最后篇吗? 取暖袋什么原理哦??? 森华仕随身wifi质量怎么样 杭州金沙湖公园能摆地摊吗? 杭州西城广场那可以摆地摊不,城管要不要管 杭州市区现在能不能摆地摊卖吃的东西? 各位谁知道杭州小和山附近哪里可以摆地摊? 杭州古玩市场哪个可以摆摊的。星期几收费如何? 哪位兄弟能给我几个情话套路,能比较新颖一点的,人家说我怎么老是用别人剩下的 怎样腌制酱鸡腿 尼古拉斯凯奇是极具票房号召力的,《天才不能承受之重》的票房是否客观? 马丽常远新片《哥,你好》宣布延期,电影延档会影响票房吗? 《东北告别天团》口碑票房双丰收,这部影片抓住了哪些流量密码? 为什么有问题打12345解决不了? 五一档内地票房2.97亿收官,哪部电影成为了五一档的票房冠军? 如12345不予解决所反应的问题该怎么办 电影市场票房如此惨淡,如果重映高分经典电影,票房和电影市场会回暖吗? 12345解决不了的问题还有哪个部门能解决 这个假期票房惨淡,到底该拿什么拯救电影院? 到了周末有什么快速养生的好办法吗?平时应该注意些什么? 关于电影票房问题 著名养生专家梅墨生59岁因病去世,养生之路应该怎样继续坚持下去?