包管理器Bower使用手册之一

作者:chszs,转载需注明。博客主页:http://blog.csdn.net/chszs

一、Bower介绍

Bower是一个适合Web应用的包管理器,它擅长前端的包管理,通过其API展示了包依赖模型。使得项目不存在系统级的依赖,不同的应用程序间也不会共享依赖,整个依赖树是扁平的。



Bower运行于Git之上,其包组件可以由任意类型的资产(Asset),使用任意类型的传输(如CommonJS等)。

注:CommonJS API定义了很多普通应用程序(主要是非浏览器的应用)使用的API,从而填补了这个空白。其终极目标是提供一个类似Python、Ruby和Java的标准库。这样,开发者可以使用CommonJS API编写应用程序,然后这些应用可以运行于不同的JavaScript解释器和不同的主机环境中。在兼容的CommonJS系统中,可以使用JavaScript程序开发:
(1) 服务器端JavaScript应用程序
(2) 命令行工具
(3) 图形界面应用程序
(4) 混合应用程序(如Titanium或PhoneGap)

CommonJS API模块1.1.1版定义:
(1) 二进制:二进制数据对象
(2) 编码:编码和字符集
(3) 输入输出:IO流
(4) 文件系统
(5) 系统:系统接口(控制台输入、输出、错误等)
(6) 断言、测试:单元测试
(7) 套接字:Socket IO
(8) 事件队列:反应式/事件队列
(9) worker:HTML5 Worker
(10) 控制台

二、安装Bower

Bower依赖于Node和npm。可以使用npm全局安装Bower:
> npm install -g bower

Bower的安装很快,但它内部的组件并不少,如下:

  1. C:\Users\chszs\AppData\Roaming\npm\bower -> C:\Users\chszs\AppData\Roaming\npm\node_modules\bower\bin\bower
  2. bower@0.9.2 C:\Users\chszs\AppData\Roaming\npm\node_modules\bower
  3. ├── abbrev@1.0.4
  4. ├── stable@0.1.3
  5. ├── archy@0.0.2
  6. ├── colors@0.6.0-1
  7. ├── semver@1.1.4
  8. ├── nopt@2.0.0
  9. ├── tmp@0.0.18
  10. ├── async@0.2.8
  11. ├── mkdirp@0.3.5
  12. ├── hogan.js@2.0.0
  13. ├── request@2.11.4
  14. ├── lodash@1.0.1
  15. ├── rimraf@2.0.3 (graceful-fs@1.1.14)
  16. ├── fstream@0.1.22 (graceful-fs@1.2.1, inherits@1.0.0)
  17. ├── tar@0.1.17 (inherits@1.0.0, block-stream@0.0.6)
  18. ├── promptly@0.1.0 (read@1.0.4)
  19. ├── rc@0.0.8 (config-chain@0.3.4, optimist@0.3.7)
  20. ├── read-package-json@0.1.13 (graceful-fs@1.2.1, slide@1.1.4, lru-cache@2.0.4, npmlog@0.0.2)
  21. ├── glob@3.1.21 (inherits@1.0.0, graceful-fs@1.2.1, minimatch@0.2.12)
  22. ├── unzip@0.1.7 (setimmediate@1.0.1, readable-stream@1.0.2, match-stream@0.0.1, pullstream@0.4.0, binary@0.3.0)
  23. └── update-notifier@0.1.3 (request@2.12.0, configstore@0.1.2)
C:\Users\chszs\AppData\Roaming\npm\bower -> C:\Users\chszs\AppData\Roaming\npm\node_modules\bower\bin\bower
bower@0.9.2 C:\Users\chszs\AppData\Roaming\npm\node_modules\bower
├── abbrev@1.0.4
├── stable@0.1.3
├── archy@0.0.2
├── colors@0.6.0-1
├── semver@1.1.4
├── nopt@2.0.0
├── tmp@0.0.18
├── async@0.2.8
├── mkdirp@0.3.5
├── hogan.js@2.0.0
├── request@2.11.4
├── lodash@1.0.1
├── rimraf@2.0.3 (graceful-fs@1.1.14)
├── fstream@0.1.22 (graceful-fs@1.2.1, inherits@1.0.0)
├── tar@0.1.17 (inherits@1.0.0, block-stream@0.0.6)
├── promptly@0.1.0 (read@1.0.4)
├── rc@0.0.8 (config-chain@0.3.4, optimist@0.3.7)
├── read-package-json@0.1.13 (graceful-fs@1.2.1, slide@1.1.4, lru-cache@2.0.4, npmlog@0.0.2)
├── glob@3.1.21 (inherits@1.0.0, graceful-fs@1.2.1, minimatch@0.2.12)
├── unzip@0.1.7 (setimmediate@1.0.1, readable-stream@1.0.2, match-stream@0.0.1, pullstream@0.4.0, binary@0.3.0)
└── update-notifier@0.1.3 (request@2.12.0, configstore@0.1.2)

三、Bower的用法

全局安装Bower后,可以查看Bower的帮助信息,使用命令:
> bower help

用法:

    bower <command> [<args>] [<options>]

命令Commands:

    cache-clean    清除Bower的缓存,或清除指定包的缓存
    completion      Bower的Tab键自动完成
    help                  显示Bower命令的辅助信息
    info                   指定包的版本信息和描述
    init                     交互式的创建bower.json文件
    install               安装一个本地的包
    link                    包目录的符号连接
    list, ls               列出所有已安装的包
    lookup              根据包名查询包的URL
    register            注册一个包
    search              根据包名搜索一个包
    uninstall           删除一个包
    update              更新一个包

选项:
    --no-color 关闭彩色输出(适合Bower的所有命令)

还可以使用命令'bower help <command>'来查看Bower指定命令的详细信息。

Bower : ENOGIT git is not installed or not in the PATH

当我在cmd窗口中用下边命令bower install时:

出现 Bower : ENOGIT git is not installed or not in the PATH错误,则需要配置你的Git到path,具体如下

方法一:假如你的git安装目录是"E:\Git",在path中加入git的bin和cmd目录,如E:\Git\bin;E:
\Git\cmd

方法二:使用Git Bash来代替cmd

包管理器Bower使用手册之一的更多相关文章

  1. 【转】包管理器Bower详细讲解

      包管理器Bower   今天自己用Angular写东西的时候,下载了Angular-seed项目,发现需要用到bower,之前也使用过,没有仔细了解,今天趁机了解到一些. bower的官网地址:  ...

  2. 包管理器Bower使用手冊之中的一个

    包管理器Bower使用手冊之中的一个 作者:chszs,转载需注明.博客主页:http://blog.csdn.net/chszs 一.Bower介绍 Bower是一个适合Web应用的包管理器,它擅长 ...

  3. 怎么在项目中使用前端包管理器bower和构建工具gulp

    下面以WeUI(微信官方网页开发样式库)介绍一下,怎么把WeUi引入到自己的项目中,我的开发环境Visual Studio 2012,当然了Visual Studio 2015对此已有了更好的支持(h ...

  4. 包管理器Bower

    今天自己用Angular写东西的时候,下载了Angular-seed项目,发现需要用到bower,之前也使用过,没有仔细了解,今天趁机了解到一些. bower的官网地址: http://bower.i ...

  5. 使用Bower作为Web包管理器

    Bower是一个简单易用的Web包管理器,通过它我们可以非常简便的安装各种Web框架和库,同时它也负责管理不同包之间的关系依赖. 安装Bower Bower需要 npm 和 Git 的支持,在安装Bo ...

  6. Bower => 前端开发也有包管理器

    摘要: 一直以来npm,pip等各种包管理器好像都和前端开发没什么太大关系,当然因为nodejs的原因可能感觉npm会亲切一些,不过终归不是针对客户端的包管理工作,所以Bower的出现确实让人眼前一亮 ...

  7. 前端开发bower包管理器

    Bower 是 twitter 推出的一款包管理工具,基于nodejs的模块化思想,他可以很好的帮助你帮你解决js的依赖管理,比如jquery angular bootstrap 等等. 可以很方便的 ...

  8. NET Core 静态文件及JS包管理器(npm, Bower)的使用

    NET Core 静态文件及JS包管理器(npm, Bower)的使用 文章目录 在 ASP.NET Core 中添加静态文件 使用npm管理JavaScript包 使用Bower管理JavaScri ...

  9. Bower前端包管理器

    bower 前端包管理器 为什么要用它 一个新的web项目开始,我们总是很自然地去下载需要用到的js类库文件,比如jQuery.随着项目的进展,我们可能又需要Bootstrap3,其中每个框架之间的依 ...

随机推荐

  1. POJ3155 Hard Life

    Time Limit: 8000MS   Memory Limit: 65536K Total Submissions: 8482   Accepted: 2461 Case Time Limit:  ...

  2. time_t和struct tm之间的转换

    time_t到struct tm的转换: #include <time.h> struct tm *localtime(const time_t *timep); struct tm到ti ...

  3. Callgrind 使用 2

    Callgrind是一款和gprof类似的性能分析工具,与gprof不同的是它不需要在编译源码时附加特殊选项,但推荐加上调试选项.Callgrind使用cachegrind的统计信息Ir(I cach ...

  4. MySQL对于datetime 源码分析

    http://tsecer.blog.163.com/blog/static/150181720160117355684/   一.时间比较的语法分析 在mysql中,通常时间是一个必不可少的类型,而 ...

  5. 系统调用表 linux 2.6.32

    [root@localhost log]# find / |grep syscall_table /usr/src/kernels/linux-/arch/x86/kernel/syscall_tab ...

  6. Android 自定义View修炼-实现自定义圆形、圆角和椭圆ImageView(使用Xfermode图形渲染方法)

    一:简介: 在上一篇<Android实现圆形.圆角和椭圆自定义图片View(使用BitmapShader图形渲染方法)>博文中,采用BitmapShader方法实现自定义的圆形.圆角等自定 ...

  7. Android(java)学习笔记158:Java程序入口和Android的APK入口

    1.Java程序的入口:static main()方法 public class welcome extends Activity { @Override public void onCreate(B ...

  8. dependencies与devDependencies的区别

    npm install在安装node模块时,有两种命令参数可以把它们的信息写入package.json文件: –save –save-dev 但它的文档里1,只提到一个小区别,–save会把依赖包名称 ...

  9. Linux 下mysql忘记root密码解决方法

    忘记root密码怎么办:1.关闭数据库2.使用-->mysqld_safe --skip-grant-tables &--<启动数据库3.使用空密码进入数据库(mysql命令后直接 ...

  10. Android开发——构建自定义组件

    Android中,你的应用程序程序与View类组件有着一种固定的联系,例如按钮(Button). 文本框(TextView), 可编辑文本框(EditText), 列表框(ListView), 复选框 ...