和http-server一样,bower也是众多node.js工具中的一个。
在bower出现以前,我们需要找到jquery的官方来下载jquery,需要找到bootstrap的官网来下载bootstrap。当然了,如果我们学习了angularjs,还是需要去angularjs的官网去下载angularjs。
有了bower后,你会发现一切都会变得很美好。
下面,让我们共同见证bower的神奇。
> [https://www.npmjs.com/package/bower](https://www.npmjs.com/package/bower)
![](https://box.kancloud.cn/2016-07-18_578ce50f80d33.png)
查看它的介绍,我们不难看出,和node.js的npm一样,bower也是一个package manage(pm)。没错,它也是一个包管理工具。其实通过前面的介绍,你应该想到了,它管理的是一些第三方的应用库。比如jquery\angularjs\bootstrap,当然了,只有你想不到的,没有它做不到的。By the way,thinkphp支持的Composer安装其实也是一个包管理的工具。
# 安装
bower是一个非常强大的包管理工具,它有自己的官方站点。所以,我们还可以参考它的官方站点进行bower的安装。
>官方网址: [https://bower.io/](https://bower.io/)
`npm install -g bower`
![](https://box.kancloud.cn/2016-07-18_578ce50f95087.png)
## 安装angularjs
我们现在将目录切换至/d/yunzhi/angularjs下,然后尝试使用bower下载angularjs库。
`bower install angularjs`
![](https://box.kancloud.cn/2016-07-18_578ce50faa966.png)
执行后,bower自动为我们下载了稳定版本的angular1.5.7,下载后存放的位置如下图所示:
![](https://box.kancloud.cn/2016-07-18_578ce50fdecad.png)
如果你想下载指定的版本(比如指定下载1.5.7),那么需要使用如下命令
`bower install angularjs#1.5.7`
当然了,由于默认的版本就是1.5.7,所以执行以下两条命令,最终下载的库是相同的。
有了angularjs库,我们在以后的章节中,理所当然的就可以直接调用这个库了。相比以前下载其它的库文件:先搜索,再选择版本,再下载zip,再解压,最后再复制到我们想要的最终路径中。bower安装,只需要一条命令,牛气!
- 前言
- 第一章:准备知识
- 第一节:GIT
- 第二节:Node.js
- 第三节:http-server
- 第四节:bower
- 第五节:firefox+chrome
- 第二章:官方示例教程
- 第零节:Hello Yunzhier
- 第一节:静态模板
- 第二节:MVC
- 回调函数
- 第三节:组件
- 第四节:重构组件
- 2.4.1 调用组件
- 2.4.2 规划目录结构
- 2.4.3 剥离V层
- 2.4.4 大话测试
- 第五节:循环过滤器
- 第六节:双向数据绑定
- 第七节:XHR与依赖注入
- 第八节:添加缩略图
- 第九节:模拟页面跳转
- 2.9.1 使用bower
- 2.9.2 使用grunt
- 第十节:完善手机详情页
- 第十一节:自定义过滤器
- 第十二节:行为处理
- 第十三节:封装请求
- 第十四节:应用动画
- 第十五节:总结
- 第三章:菜谱管理示例
- 第四章:总结