包管理器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. 2015AppStore 上传步骤及常见问题

      ——————辛苦手写,转载请注明出处!——————   *************华丽分割线*****************   一.注意开发者账号:注意格式不能有一点错. 二.下载证书:生成描 ...

  2. jfinal拦截器301跳转

    在jfinal的handle中加入 HandlerKit.redirect301("http://10.10.3.144:8080/bbb.rar", request, respo ...

  3. mysqldump 备份原理8

    /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; http://www.cnblogs.com/lyhabc/p/38 ...

  4. linux 内核---------董昊 ( Robin Dong ) and OenHan

    http://oldblog.donghao.org/ http://blog.donghao.org/%E6%97%A7%E5%8D%9A%E5%AE%A2/ http://blog.donghao ...

  5. RHCA442学习笔记-Unit13网络性能调整

    UNIT 13 Essential Network Tuning 网络性能调整        目标:1. 应用队列技术最大化网络吞吐量            2. 调整TCP和non-TCP网络soc ...

  6. JAVA练习

    JAVA基础练习 1.给java,stb,sql三门科目的成绩算出JAVA和SQL的成绩差,JAVA和SQL的成绩共是,三门课的总分是,三门课的平均分是多少 import java.util.Scan ...

  7. 20151217jqueryUI--自动补全工具

    自动补全(autocomplete),是一个可以减少用户输入完整信息的 UI 工具.一般在输入邮箱.搜索关键字等,然后提取出相应完整字符串供用户选择.一. 调用 autocomplete()方法 $( ...

  8. 什么情况下会调用到session_destroy()

    https://segmentfault.com/q/1010000000191102 首先 ... session_destory() 是一个函数 ... 这个函数在任何情况下都不会被 php 引擎 ...

  9. SetTimer的使用

    SetTimer函数用于创建一个计时器,KillTimer函数用于销毁一个计时器.计时器属于系统资源,使用完应及时销毁. SetTimer的函数原型如下:UINT_PTR SetTimer( HWND ...

  10. jsp与Action值得对应

    例如:Action中有一个全局对象dictionary,对象有种A,B,C三个属性. 1.通过后台将Action中的值传到jsp,需要el表达式. 页面取到A的值 <input name=&qu ...