码迷,mamicode.com
首页 > 其他好文 > 详细

bower的下载安装及使用

时间:2018-06-12 23:29:31      阅读:1773      评论:0      收藏:0      [点我收藏+]

标签:str   .json   位置   nod   执行   mil   命令   href   项目   

bower是什么?

  bower是一种包管理器,它用于搜索,安装和卸载如jquery,bootstrop之类的网络资源

它依赖与node.js和npm,如果要使用它需要先安装node.js和npm(node.js 和 npm安装详情见:node.js开发环境的搭建)windows系统需要安装GIT

一、  安装步骤:

首先需要先安装npm和git

1.用npm包管理工具下载并全局安装bower

(1).npm install -g bower

技术分享图片

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

(2)bower init    //初始化bower,此操作会在当前目录下生成bower.json文件

技术分享图片

window安装会出现上图的报错提示。(win--cmd--完成初始化)

技术分享图片

安装完成

二、bower的使用

使用了bower的项目都会在目录下有一个bower.json文件。在该文件同级目录

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

(1).使用bower安装某个特定类库,例如jquery

   bower install jquery

技术分享图片

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

 bower uninstall jquery 

 技术分享图片

(3).更新某个特定列库

bower update jquery

 技术分享图片

三、修改默认的下载位置

 bower的默认下载目录是bower_components。把类库下载到指定的文件夹下

1.type null >.bowerrc

技术分享图片

2.会生成一个文件.bowerrc

 技术分享图片

3.打开该文件,在里面定义下载的目录

{“directory”:"js/jslib"}

技术分享图片

同样在执行命令,就下载到指定的文件夹中了

四:注意

1.使用bower install jquery --save  才会把jquery依赖记入到bower.json

2.要安装某个版本使用#。如bower install jquery#1.9.1

3.除了用包名安装,也可以指定git地址进行安装。如bower install https://github.com/jquery/jquery

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

技术分享图片

五、bower的卸载:

  npm uninstall bower

 

bower的下载安装及使用

标签:str   .json   位置   nod   执行   mil   命令   href   项目   

原文地址:https://www.cnblogs.com/zwtqf/p/9175504.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!