bower的安装和使用


第一 下载node

网址https://nodejs.org/en/
安装过程基本直接“NEXT”就可以了。

安装完成之后,我们先检测下NodeJS是否安装成功,cmd命令行中键入:

node -v

若出现版本提示,就说明安装成功了

npm的安装。由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。同样可以使用cmd命令行中键入:

npm -v

同样,若出现版本提示,就说明安装成功了

第二 对于windows用户,还需要装msysgit

在官网中下载即可

第三 全局安装 bower

npm install -g bower

全局安装bower 后,可以查看Bower的帮助信息和版本信息,使用命令:

bower help

版本信息

bower --v

第四 初始化当前工程的bower

此操作会在当前目录下生成bower.json文件:

bower init

第五 bower的使用

使用了bower的项目都会在目录下有一个bower.json文件。在该文件同级目录下,使用如下命令即可安装相关依赖库。

bower install

注:bower下载安装依赖库实际上是使用git进行下载。对于linux系统,由于默认都有安装git,所以一般没问题。但是windows系统一般没有git。在windows系统下需要确定安装了git客户端,建议使用同捆的git bash命令行来执行bower install命令。或者把git目录加入windows的环境变量中,再在命令行中执行bower install命令。

第六 使用bower

安装某个特定类库,例如jquery

bower install jquery --save

更新:使用bower更新某个特定类库,例如jquery:

bower update jquery

删除:例如jquery (如果包已经被依赖,则不能删除)

bower uninstall jquery

试着在项目文件夹下,下载jquery

bower install jquery --save

然后就可以看到项目文件夹下多了bower_components(默认目录),就是jquery插件包了

初步这样也就行了,但是/bower_components这个目录有点让人不习惯,我想把东西下载到我习惯的目录里。需要加一个.bowerrc文件。注意,不需要名字什么的,只要新增一个.bowerrc就行了。

第七 用cmd命令创建.bowerrc文件文件

如下

type null >.bowerrc
第八、.bowerrc配置

{  
  "directory" : "js/feng", "json" : "", "endpoint" : "", "searchpath" : "", "shorthand_resolver" : "" } 

第九、同样的cmd命令再执行一遍,这次可以看到文件下载到js/feng中了。

当我在cmd窗口中用下边命令时:

1)windows环境

d:\myproject> bower install bootstrap-sass

出现 Bower : ENOGIT git is not installed or not in the PATH错误,则需要配置你的Git到path,具体如下

方法一:假如你的git安装目录是”C:\Program Files (x86)\Git”,在path中( 系统属性中)加入git的bin和cmd目录,如C:\Program Files (x86)\Git\bin;C:\Program Files (x86)\Git\cmd

方法二:使用Git Bash来代替cmd

备注: 如果方法一不起作用是因为,你修改的path没有生效, 你需要重新启动电脑

2)Ubuntu:

安装git:

$ apt-get install git


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM