前言
每当我们开始一个新的web前端项目,我们做个第一件事都是去下载相应的js类库文件。
如我们项目要用到Jquery,我们就要去Jquery的官网下载Jquery库。
接着若我们的前端UI要用到Bootstrap,我们还要去Bootstrap的官网下载Bootstrap,而最新的Bootstrap3需要Jquery1.9以上的支持,我们不得不又要检查Jquery的版本是否合适,不合适的话要重新下载。
甚至复杂一点的angular.js的项目我们可能要依赖angular的一些模块:angular-route、angular-animate等。
像angular-route.js这个路由模块在angular1.2之前是内置于angular的,而angular1.2之后是从angular分离出来的(上次升级angular被坑了2小时。。)。
我去,这些问题想想都头疼。这时候我们需要一个工具来管理这些库及其依赖。
bower介绍
bower是twitter推出的一款web软件包管理工具,使用nodejs开发,开源。
提供添加新web包,更新web包,删除web包,发布web包,管理包依赖等功能。
bower安装
bower的安装是通过node.js的npm管理工具来安装的:
npm install -g bower
bower命令
安装完成后,我们可以通过bower --help来查看bower有什么命令
各命令说明:
cache : bower缓存管理
help : 显示Bower命令的帮助信息
home : 通过浏览器打开一个包的github发布页
info : 查看包的信息
init : 创建bower.json文件
install : 安装包到项目
link : 在本地bower库建立一个项目链接
list : 列出项目已安装的包
lookup : 根据包名查询包的URL
prune : 删除项目无关的包
register : 注册一个包
search : 搜索包
update : 更新项目的包
uninstall : 删除项目的包
bower使用
使用bower来安装包及依赖:
bower install -- 根据bower.json配置文件来安装web包。
bower install <package> -- 根据包名称来安装web包,默认安装最新版。
bower install <package>#<version> -- 安装该版本的web包,#号好后跟版本号。
bower install <name>=<package>#<version> -- 使用别名安装该版本的web包。
使用bower来安装bootstrap :
cd /www/test
bower install bootstrap
执行以上命令自动安装bootstrap框架及它所依赖的最新版的Jquery。
通过bower list --path 你可以得到每个类库的路径名称映射。
这样就能再项目中使用对应的类库了。
<script src="bower_components/jquery/jquery.js"></script>
其他命令的使用:
还有其他命令用法也基本大同小异:
如bower update jquery 更新jquery包。 bower uninstall jquery 删除jquery包。
这里就不多说了大家动手敲一遍就会了。
bower高级
bower配合grunt实现自动化构建web项目及其他神奇的应用,未完待续。。
© yuankeqiang | Powered by LOFTER