bower入门与技巧

这文章是一个入门教程,其中也会更新一些使用技巧。教程方面主要参考bower的readme文档,可看作是其的翻译与浓缩。另外这文章是针对类unix系统的,不兼顾windows。

0)什么是bower
其实就是一个包管理软件,类似node的npm,ubuntu下的apt-get,mac下的curl等,但bower是针对web前端开发中的包。使用bower,你就可以很方便地下载什么jquery、backbone之类的前端插件、框架、库。

1)安装

第一步当然是安装bower了,因很难说一个软件会不会改名什么的,最好还是安装官网或github的说明来安装。Google一下bower,进入其github页面,按照其说明:
npm install -g bower
这命令通常需要sudo。至于npm都还没安装的朋友,请自己去google。
安装成功后,不妨查看一下当前版本:
bower --version
我写该文章时使用的是1.2.7。

2)使用bower下载jquery
首先你进入你的项目目录。在此我们建立一个测试项目,并进入其中。
mkdir test_project; cd test_project
接下来,就是我们最常用的bower install命令了,但在此之前,我们可以前搜索一下:
bower search jquery
如无意外,你会看到一大片东西。看看第一行,该包的名字仅仅是jquery,这应该就是我们想要的东西了;
bower install jquery
这就是安装命令,接下来会有一些提示,你会看到里面有一些github地址;是的,其实这些包都会从github里下载>。
ls一下,你会看到当前位置多了一个目录叫bower_components(以前是components),jquery就是安装在这里面。

3)查看与卸载
List命令可以查看当前项目中已安装的包。确保你在test_project目录里,并已联网,命令行输入:
bower list
输出的信息就是你所安装的包及其版本。
Uninstall则可以卸载包:
bower uninstall jquery

4)Init
对一个项目来说,使用bower配置文件能使得该项目的包管理更清晰更可读。按照上面把刚才安装的jquery删除掉,bower list一下确保当前项目已没安装任何包,然后输入:
bower init
然后就可以按照提示输入一些列的配置类容。完成后ls一下,你会发现项目目录下多了一个bower.json,cat一下,里面就是该项目的配置类容。你以后使用bower install时要加多一个save参数:
bower install jquery --save
这样,juqery依赖就会写入bower.json中(dependencies项)。

暂时写到这里,以后会继续补充。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值