bower的依赖管理

前端之家收集整理的这篇文章主要介绍了bower的依赖管理前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Bower 是 twitter 推出的一款包管理工具,基于nodejs的模块化思想,把功能分散到各个模块中,让模块和模块之间存在联系,通过 Bower 来管理模块间的这种联系。

系统环境测试

  1. ~ D:\workspace\javascript>node -v
  2. v0.10.5
  3.  
  4. ~ D:\workspace\javascript>npm -v
  5. 1.2.19

安装bower

全局安装bower

  1. ~ D:\workspace\javascript>npm install bower -g

项目安装project_bower

  1. ~ D:\workspace\javascript>express -e project_bower

重要角色上场,bower命令

  1. ~ D:\workspace\javascript\project_bower>bower
  2. Usage:
  3. bower [] []
  4. Commands:
  5. cache Manage bower cache
  6. help Display help information about Bower
  7. home Opens a package homepage into your favorite browser
  8. info Info of a particular package
  9. init Interactively create a bower.json file
  10. install Install a package locally
  11. link Symlink a package folder
  12. list List local packages
  13. lookup Look up a package URL by name
  14. prune Removes local extraneous packages
  15. register Register a package
  16. search Search for a package by name
  17. update Update a local package
  18. uninstall Remove a local package
  19. Options:
  20. -f,--force Makes varIoUs commands more forceful
  21. -j,--json Output consumable JSON
  22. -l,--log-level What level of logs to report
  23. -o,--offline Do not hit the network
  24. -q,--quiet Only output important information
  25. -s,--silent Do not output anything,besides errors
  26. -V,--verbose Makes output more verbose
  27. --allow-root Allows running commands as root
  28. See 'bower help ' for more information on a specific command.

cache:bower缓存管理
help:显示Bower命令的帮助信息
home:通过浏览器打开一个包的github发布页
info:查看包的信息
init:创建bower.json文件
install:安装包到项目
link:在本地bower库建立一个项目链接
list:列出项目已安装的包
lookup:根据包名查询包的URL
prune:删除项目无关的包
register:注册一个包
search:搜索
update:更新项目的包
uninstall:删除项目的包
cache:bower缓存管理
help:显示Bower命令的帮助信息
home:通过浏览器打开一个包的github发布页
info:查看包的信息
init:创建bower.json文件
install:安装包到项目
link:在本地bower库建立一个项目链接
list:列出项目已安装的包
lookup:根据包名查询包的URL
prune:删除项目无关的包
register:注册一个包
search:搜索
update:更新项目的包
uninstall:删除项目的包

bower使用

安装jQuery到项目project_bower

  1. ~ D:\workspace\javascript\project_bower>bower install jquery

查看项目中已导入的类库

  1. ~ D:\workspace\javascript\project_bower>bower list

安装bootstrap库,并查看依赖情况

  1. ~ D:\workspace\javascript\project_bower>bower install bootstrap

删除jQuery库,破坏依赖关系

  1. ~ D:\workspace\javascript\project_bower>bower uninstall jquery

升级jQuery,让版本兼容

  1. ~ D:\workspace\javascript\project_bower>bower update jquery
查看本地bower已经缓存的类库
  1. ~ D:\workspace\javascript\project_bower>bower cache list

查看D3库信息

  1. ~ D:\workspace\javascript\project_bower>bower info d3

用bower提交自己类库

生成bower.json配置文件

  1. ~ D:\workspace\javascript\project_bower>bower init

(备注:如何先初始化了bower.json文件:bower init。 后续有包要加入,想自动写入到bower.json里。可以在安装包时添加save参数: bower install packagename --save .)


上传到自己的guthub(project_bower.git)上去

注册到bower官方类库

  1. ~ D:\workspace\javascript\project_bower>bower register project_bower git@github.com:ruizhengyun/project_bower.git

安装我们自己的包

  1. D:\workspace\javascript\project_bower>bower install project_bower

猜你在找的设计模式相关文章