bower的使用

一、bower的安装

1. 安装nodejs的最新版本；
2. 安装npm。 由于npm是nodejs的包管理器，所以在将nodejs安装完成后，npm也就自动安装完成。
3. 安装git。
4. 安装bower。 使用 npm install -g bower 进行全局安装。（打开webstorm，在Terminal窗口下）
5. 使用bower help可以查看bower的命令。但是在使用 bower install jquery命令时，可能会遇到一个错误，具体就是：“ENOGIT git is not installed or not in the PATH”，出现这个错误的原因是在git安装完成之后，没有在计算机的环境变量中将git的相关 bin 和 cmd 目录加入到系统变量的 path 变量中，此时，我们需要的操作就是将这两个目录加到path 中。例如我的git安装目录是  "D:\program files\Git\Git"，那么分别将以下路径加入到path中：" D:\program files\Git\Git\bin;"和" D:\program files\Git\Git\cmd;"，然后重启计算机即可。

二、bower的一些具体的命令：

• bower help:查看bower所有命令；

• bower init :是初始化一个bower.json的文件，在这个文件中包含了对 使用bower加入的库 的管理。类似于node工程中的package.json文件；

• bower install <jquery/bootstrap...> [--save-dev或--save或不加] ：安装某个模块，<>中的模块名称是必须的，后面[]中的限定是可选的。说一下 “--save”  "--save-dev" " "三者的区别(以安装jquery举例)：1、bower install jquery 是直接安装，不会将jquery的信息直接写入bower.json文件中；2、bower install jquery --save 是将jquery的信息直接写入dependencies小节中，和 --save-dev一样可以减少手动修改bower.json文件的步骤；3、bower install jquery --save-dev 是将jquery信息直接写入devDependencies小节中，只不过devDependencies是常用于开发阶段完成集成测试模块依赖。
• bower uninstall <name>:卸载某个安装的包；

• bower cache list: 显示所有导入包的缓存信息列表；
• bower cache list [name name]: 如 bower cache list jquery angular ;显示指定name 包的缓存信息列表。
• bower cache clean: 清除所有包的缓存；
• bower cache clean [name name]:清除指定包的缓存，同list用法；
• bower cache calean [name#version name#version]:清除指定版本的包的缓存信息；

• bower info [name]:显示出指定包名所有版本的信息；
• bower info [name#version]：显示指定包指定版本的信息；

• bower list [-r/-p]: 将所有包的依赖关系显示出来；-r/--relative 以树结构显示出来，-p/--paths 以json格式显示（带有包的路径）；
• bower lookup [name]:  通过name查找到包的gitHub地址；
• bower login: 输入用户名和密码登陆gitHub；
• bower search <name>: 查询某个包的信息；
• bower update <name name> [-F/-P] : -F:强制更新到当前最新的版本， -P更新到production环境，不会在devdependenices中更新相关信息。

目前总结到这里，感觉比自己去下载来的快，挺好用的管理工具。后待续。。。