这文章是一个入门教程,其中也会更新一些使用技巧。教程方面主要参考bower的readme文档,可看作是其的翻译与浓缩。另外这文章是针对类unix系统的,不兼顾windows。
0)什么是bower
其实就是一个包管理软件,类似node的npm,ubuntu下的apt-get,mac下的curl等,但bower是针对web前端开发中的包。使用bower,你就可以很方便地下载什么jquery、backbone之类的前端插件、框架、库。
1)安装
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项)。
暂时写到这里,以后会继续补充。