在npm中使用bower包依赖工具

什么是bower

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

准备工作

1. 安装环境nodejs.
2. 安装Git，bower从远程git仓库获取代码包git简介.

开始使用

使用bower help命令查看帮助

自定义包的安装目录

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

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

rename 1.txt .bowerrc

这个.bowerrc文件是自定义bower下载的代码包的目录，比如现在我的项目结构如下图：



那我的.bowerrc文件内容如下：

{

"directory" : "js"

}

bower初始化

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

bower init

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



其中的jquery是下一步配置安装的。

包的安装

下面终于开始安装需要的包了！

比如我要安装一个jquery，输入如下命令：

bower install jquery --save

然后bower就会从远程下载jquery最新版本到你的js/lib目录下

其中--save参数是保存配置到你的bower.json，你会发现bower.json文件已经多了一行：

"dependencies": {
    "jquery": "^3.2.1"
  }

包的信息

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

bower info jquery

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

包的更新

上面安装的是最新版的高版本jquery，假如想要兼容低版本浏览器的呢？

已经查到兼容低版本浏览器的jquery版本为1.11.3，下面直接修改bower.json文件中的jquery版本号如下：

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

然后执行如下命令：

bower update

bower就会为你切换jquery的版本了,不过有一点得注意，更新的版本是这个版本中的最新版。比如1.11.3版本，现在1开头的版本最新的是1.12.4那么它更新后就是1.12.1.

包的查找

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

bower search bootstrap

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

包的卸载

卸载包可以使用uninstall 命令：

bower uninstall jquery

小结

以上就是bower在window下DOS里的一些操作，也是照着别人的文章写了一遍，算是了解了这个工具的一些基本操作。参考文章.