bower入门教程

什么是bower

Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其余一些创建在Bower基础之上的开发工具，如YeoMan和Grunt，这个会在之后的文章中介绍。

准备工做

1. 安装node环境:node.js
2. 安装Git，bower从远程git仓库获取代码包:git简易指南

安装bower

使用npm，打开终端，输入：

npm install -g bower 

其中-g命令表示全局安装

开始使用

使用help命令查看帮助

自定义包的安装目录

首先进入项目目录下，新建文件1.txt

而后命令行进入项目目录下，输入命令重命名该文件为.bowerrc：

rename 1.txt .bowerrc 

这个.bowerrc文件是自定义bower下载的代码包的目录，好比如今个人项目结构以下图：

那个人.bowerrc文件内容以下：

{
  "directory" : "js/lib" } 

bower初始化

命令行进入项目目录中，输入命令以下：

bower init 

会提示你输入一些基本信息，根据提示按回车或者空格便可，而后会生成一个bower.json文件，用来保存该项目的配置，以下：

{
  "name": "bb_boot", "version": "0.0.1", "authors": [ "savokiss <jaynaruto@qq.com>" ], "moduleType": [ "amd" ], "license": "MIT", "ignore": [ "**/.*", "node_modules", "bower_components", "js/lib", "test", "tests" ], "dependencies": { } } 

包的安装

下面终于开始安装须要的包了！
好比我要安装一个jquery，输入以下命令：

bower install jquery --save 

而后bower就会从远程下载jquery最新版本到你的js/lib目录下
其中--save参数是保存配置到你的bower.json，你会发现bower.json文件已经多了一行：

"dependencies": { "jquery": "~2.1.4" } 

包的信息

好比咱们想要查找jquery都有哪些个版本，输入以下命令：

bower info jquery 

会看到jquery的bower.json的信息，和可用的版本信息

能够看到jquery最新的兼容版版本为1.11.3

包的更新

上面安装的是最新版的高版本jquery，假如想要兼容低版本浏览器的呢？
已经查到兼容低版本浏览器的jquery版本为1.11.3，下面直接修改bower.json文件中的jquery版本号以下：

"dependencies": { "jquery": "~1.11.3" } 

而后执行以下命令：

bower update 

bower就会为你切换jquery的版本了

包的查找

还有一个很重要的功能，就是包的查找，好比我想要安装bootstrap的某个插件，可是记不住名字了，就能够直接在命令行输入：

bower search bootstrap 

bower就会列出包含字符串bootstrap的可用包了

包的卸载

卸载包能够使用uninstall 命令：

 

bower uninstall jquery