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是一款...