bower的使用
2015-09-22 11:23
225 查看
一、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中更新相关信息。
目前总结到这里,感觉比自己去下载来的快,挺好用的管理工具。后待续。。。
安装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中更新相关信息。
目前总结到这里,感觉比自己去下载来的快,挺好用的管理工具。后待续。。。
相关文章推荐
- 正则表达式语法
- activiti整合开发实例总结
- myeclipse查看源码插件安装
- Angularjs开发的一些方法和建议整理
- MonaServer集群配置
- Objective-C---1---类的有关基本概念
- Mysql内存配置文件
- VS编译工程时遇见 error LNK1168错误
- 嵌入式系统——低功耗设计
- vi编辑器常用命令
- 基础三:BroadcastReceiver
- vs2013+WDK8.1+WinDbg调试驱动开发环境配置(多帖子整理,水原创)
- linux学习积累(一) Linux命令之dos2unix
- HTML5与移动端web学习笔记
- 内部类和外部类知识点
- windows下使用LevelDB
- ATS 5.3.0中开启最高级别的缓存调试信息
- ubuntu 安装 maven 及 eclipse 插件
- 有了MAC层地址,为什么还要有IP地址?
- hdu 5452 Minimum Cut