一. bower是什么?

bower是twitter推出的第三方依赖管理工具。其特点是对包结构没有强制规范,也因此bower本身并不提供一套构建工具,它充当的基本上是一个静态资源的共享平台。它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源,实际项目中我们可以用它来管理项目中使用到的依赖库或框架,比如angular,bootstrap等等

二.安装bower

使用npm进行安装,命令如下:

npm install -g bower

其中-g表示全局安装

三.开始使用

使用help命令查看帮助

bower init

  

初始化项目,生成一个bower.js的配置文件

执行完上图后我们可以发现,目录下多了一个bower.json文件,这就是我们生成的配置文件.

我们可以使用该命令安装bower提供的依赖包:

# installs the project dependencies listed in bower.json
$ bower install
# registered package
$ bower install jquery
# GitHub shorthand
$ bower install desandro/masonry
# Git endpoint
$ bower install git://github.com/user/package.git
# URL
$ bower install http://example.com/script.js

注意!当我们使用bower install安装依赖时,会自动读取bower.json文件中的dependencies值,按照其中定义的依赖自动安装.刚开始执行bower init时,我们的bower.json中的dependencies依赖项是空的,我们可以打开bower.js文件进行编写依赖项.若我们使用bower install <packgename>来进行安装,则会在当前路径生成bower_compentens目录,该目录下是用来存放所有通过bower安装的第三方依赖的.但是我们更应该使用bower install --save <packgename>来进行安装依赖,因为这样会把项目中用到的依赖也写进bower.json中的dependencies字段.

bower uninstall <packgename>

同样我们使用如上的命令来进行依赖包的卸载,注意还是最好加上--save来更改bower.json文件.

PS D:\> bowerhelp

Usage:

    bower <command> [<args>] [<options>]
Commands: cache Managebowercache
help DisplayhelpinformationaboutBower
home Opens a package homepageintoyourfavoritebrowser
info Infoof a particularpackage
init Interactivelycreate a bower.jsonfile
install Install a package locally
link Symlink a package folder
list Listlocalpackages - and possibleupdates
login AuthenticatewithGitHuband storecredentials
lookup Lookup a package URLbyname
prune Removeslocalextraneouspackages
register Register a package
search Searchfor a package byname
update Update a localpackage
uninstall Remove a localpackage
unregister Remove a package fromtheregistry
version Bump a package version
Options: -f, --force Makesvariouscommandsmoreforceful
-j, --json OutputconsumableJSON
-l, --loglevel Whatleveloflogsto report
-o, --offline Do not hitthenetwork
-q, --quiet Onlyoutputimportantinformation
-s, --silent Do not outputanything, besideserrors
-V, --verbose Makesoutputmoreverbose
--allow-root Allowsrunningcommandsas root
-v, --version OutputBowerversion
--no-color Disablecolors
See 'bower help <command>' for moreinformationon a specificcommand.

上面help 信息列出 bower 提供的命令:

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

bower介绍的更多相关文章

  1. bower

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

  2. bower解决js的依赖管理

    bower解决js的依赖管理 前言: 一个新的web项目开始,我们总是很自然地去下载需要用到的js类库文件,比如jQuery,去官网下载名为jquery-1.10.2.min.js文件,放到我们的项目 ...

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

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

  4. 包管理器Bower使用手册之一

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

  5. bower解决js库的依赖管理

    从零开始nodejs系列文章,将介绍如何利Javascript做为服务端脚本,通过Nodejs框架web开发.Nodejs框架是基于V8的引擎,是目前速度最快的Javascript引擎.chrome浏 ...

  6. 基于angular+bower+glup的webapp

    一:bower介绍 1:全局安装安装bower cnpm i -g bower bower常用指令: bower init //初始化文件 bower install bower uninstall ...

  7. 90.bower解决js的依赖管理

    转自:https://blog.csdn.net/u011537073/article/details/52951122 前言一个新的web项目开始,我们总是很自然地去下载需要用到的js类库文件,比如 ...

  8. [web建站] 极客WEB大前端专家级开发工程师培训视频教程

    极客WEB大前端专家级开发工程师培训视频教程  教程下载地址: http://www.fu83.cn/thread-355-1-1.html 课程目录:1.走进前端工程师的世界HTML51.HTML5 ...

  9. npm start 作用

    在配置phonecat项目时需要运行npm start在本地配置一个服务器环境,npm start首先会安装一系列的必要程序,这些程序依赖package.json中的内容,package.json中的 ...

随机推荐

  1. Zookeeper Windows版的服务安装和管理工具

    以前研究过负载均衡,最近正在项目上实施(从来没做过小项目以上级别的东西,哈).然后遇到了多个一模一样但是同时运行的服务.不同服务但依赖同相同的配置数据(前端网页服务:Nginx+IIS+nodejs. ...

  2. 【JVM.1】java内存区域与内存溢出

    鲁迅曾说过:Java与C++之间有一堵由内存动态分配和垃圾收集技术所围成的“高墙”,墙外面的人想进来,墙里面的人想出去. 一.虚拟机内存分布 Java虚拟机在执行Java程序的过程中会把它所管理的内存 ...

  3. 【IDEA】Intellij IDEA创建的Web项目配置Tomcat并启动Maven项目

    转载请注明出处:http://blog.csdn.net/qq_26525215本文源自[大学之旅_谙忆的博客] 本篇博客讲解IDEA如何配置Tomcat. 大部分是直接上图哦. 点击如图所示的地方, ...

  4. JSP页面<%@ ...%>是什么意思?

    这表示是指令,主要用来提供整个JSP 网页相关的信息,并且用来设定JSP网页的相关属性,例如:网页的编码方式.语法.信息等.起始符号为: <%@终止符号为: %>目前有三种指令:page. ...

  5. 分布式监控系统Zabbix3.4-钉钉告警配置记录

    群机器人是钉钉群的高级扩展功能,群机器人可以将第三方服务的信息聚合到群聊中,实现自动化的信息同步.例如:通过聚合GitHub,GitLab等源码管理服务,实现源码更新同步:通过聚合Trello,JIR ...

  6. M1/M2 总结

    时光是一列不会回头的列车. 这一学期这么快就过去了,当时刚开始软件工程的那些日子还历历在目.不知道那些如风般过去的日子带给我了什么.然而我又清楚地认识到自己已经改变了. 刚开始软件工程的时候,我对团队 ...

  7. 《linux内核设计与实现》第四章

    调度程序负责决定哪个进程投入运行,何时运行以及运行多长时间.只有通过调度程序合理调度,系统资源才能最大限度发挥作用,多进程才会有并发执行的效果. 最大限度地利用处理器时间的原则是,只要有可以执行的进程 ...

  8. 北京大学信息科学技术学院本科生课程体系课程大纲选登——计算机网络与WEB技术

  9. 分布式版本控制系统Git的安装与使用 第二次作业

    (本次作业要求来自:https://edu.cnblogs.com/campus/gzcc/GZCC-16SE1/homework/2103) 一.安装Git bash软件和安装notepad++ 二 ...

  10. 开源通用爬虫框架YayCrawler-开篇

    各位好!从今天起,我将用几个篇幅的文字向大家介绍一下我的一个开源作品--YayCrawler,其在GitHub上的网址是:https://github.com/liushuishang/YayCraw ...