bower的使用
一、bower的安装
- 安装nodejs的最新版本;
- 安装npm。 由于npm是nodejs的包管理器,所以在将nodejs安装完成后,npm也就自动安装完成。
- 安装git。
- 安装bower。 使用 npm install -g bower 进行全局安装。(打开webstorm,在Terminal窗口下)
- 使用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中更新相关信息。
目前总结到这里,感觉比自己去下载来的快,挺好用的管理工具。后待续。。。