包管理器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. Java获取一个路径下指定后缀名的所有文件

    方法一: http://blog.csdn.net/zjx102938/article/details/8114114 import java.io.File; import java.util.Ar ...

  2. C++中模板使用详解

    转自:http://www.360doc.com/content/09/0403/17/799_3011262.shtml 1. 模板的概念. 我们已经学过重载(Overloading),对重载函数而 ...

  3. PowerShell运行cmd命令

    1.使用.exe扩展名 2.使用 cmd /c "" 3.在 PowerShell v3 中有另一种选择来解决这个问题,只需在命令行的任意位置添加 –% 序列(两个短划线和一个百分 ...

  4. Citrix服务器虚拟化之三十 XenApp 6.5发布流式应用程序

                                        Citrix服务器虚拟化之三十 XenApp 6.5发布流式应用程序   XenApp可发布以下类型的资源向用户提供信息访问,这 ...

  5. Python重写C语言程序100例--Part1

    ''' [程序1] 题目:有1.2.3.4个数字,能组成多少个互不同样且无反复数字的三位数?都是多少? 1.程序分析:可填在百位.十位.个位的数字都是1.2.3.4.组成全部的排列后再去 掉不满足条件 ...

  6. android111 java中调用c代码

    MainActivity: package com.itheima.helloworld1; import android.os.Bundle; import android.app.Activity ...

  7. iOS之应用内跳转系统设置相关界面

    在iOS开发中,有时会有跳转系统设置界面的需求,例如提示用户打开蓝牙或者WIFI,提醒用户打开推送或者位置权限等.在iOS6之后,第三方应用需要跳转系统设置界面,需要在URL type中添加一个pre ...

  8. UISenior之数据的本地化持久化

    数据的本地化主要分为两个方面:1.简单数据的本地持久化(NSString.NSArray.NSDictionary.NSData)2.复杂数据的本地持久化(本文以Person类为例) 简单对象的本地化 ...

  9. DELETE---删除记录

    DELETE FROM table_name [WHERE conditions]; 例: DELETE FROM userinfo WHERE name='zhangsan'; 说明 1.不添加条件 ...

  10. ModelAndView使用方法

    配置支持ModelAndView 在application.xml中配置支持ModelAndView,配置方式有两种. 配置一 <bean id="ViewResolver" ...