bower简明入门教程

什么是bower：

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

　　

 

准备工做：

　　一、安装 node 环境：node.js

　　二、安装 Git，bower 从远程 git 仓库获取代码包：git简易指南

 

安装bower：

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

1 npm install -g bower

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

 

开始使用：

　　使用 help 命令查看帮助

　　

 

自定义包的安装目录：

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

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

1 rename 1.txt .bowerrc

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

　　

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

1 { 2   "directory" : "js/lib"
3 }

 

bower初始化：

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

1 bower init

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

 1 {  2   "name": "myWeb",  3   "authors": [  4     "adou <doufu_0329@163.com>"
 5  ],  6   "description": "",  7   "main": "",  8   "license": "MIT",  9   "homepage": "", 10   "private": true, 11   "ignore": [ 12     "**/.*", 13     "node_modules", 14     "bower_components", 15     "wwwroot/lib", 16     "test", 17     "tests"
18  ], 19   "dependencies": { 20     
21  } 22 }

 

包的安装：

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

1 bower install jquery --save

　　或者根据版本进行安装，输入以下命令：

 

1 bower install jquery#1.0.0 --save

 

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

1  "dependencies": { 2     "jquery": "~2.1.4"
3   }

　　

包的信息：

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

1 bower info jquery

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

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

 

包的更新：

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

1   "dependencies": { 2     "jquery": "~1.11.3"
3   }

　　而后执行以下命令：

1 bower update

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

 

包的查找：

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

1 bower search bootstrap

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

 

包的卸载：

　　卸载包能够使用 uninstall 命令：

1 bower uninstall jquery

=========