bower入门教程
Posted 小凯全栈开发
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了bower入门教程相关的知识，希望对你有一定的参考价值。
什么是bower
Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如javascript、html、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具，如YeoMan和Grunt，这个会在以后的文章中介绍。
准备工作
安装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 <[email protected]>"
],
"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
以上是关于bower入门教程的主要内容，如果未能解决你的问题，请参考以下文章