bower的依赖管理

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

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

系统环境测试

~ D:\workspace\javascript>node -v
v0.10.5

~ D:\workspace\javascript>npm -v
1.2.19

安装bower

全局安装bower

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

项目安装project_bower

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

重要角色上场,bower命令

~ D:\workspace\javascript\project_bower>bower
Usage:
    bower  [] []
Commands:
    cache                   Manage bower cache
    help                    Display help information about Bower
    home                    Opens a package homepage into your favorite browser
    info                    Info of a particular package
    init                    Interactively create a bower.json file
    install                 Install a package locally
    link                    Symlink a package folder
    list                    List local packages
    lookup                  Look up a package URL by name
    prune                   Removes local extraneous packages
    register                Register a package
    search                  Search for a package by name
    update                  Update a local package
    uninstall               Remove a local package
Options:
    -f,--force             Makes varIoUs commands more forceful
    -j,--json              Output consumable JSON
    -l,--log-level         What level of logs to report
    -o,--offline           Do not hit the network
    -q,--quiet             Only output important information
    -s,--silent            Do not output anything,besides errors
    -V,--verbose           Makes output more verbose
    --allow-root            Allows running commands as root
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

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

查看项目中已导入的类库

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

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

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

删除jQuery库,破坏依赖关系

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

升级jQuery,让版本兼容

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

查看D3库信息

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

用bower提交自己类库

生成bower.json配置文件

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

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


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

注册到bower官方类库

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

安装我们自己的包

D:\workspace\javascript\project_bower>bower install project_bower
原文链接:https://www.f2er.com/javaschema/285181.html

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