bower介绍
一. 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介绍的更多相关文章
- bower
1. bower介绍 Bower 是 twitter 推出的一款包管理工具,基于nodejs的模块化思想,把功能分散到各个模块中,让模块和模块之间存在联系,通过 Bower 来管理模块间的这种联系. ...
- bower解决js的依赖管理
bower解决js的依赖管理 前言: 一个新的web项目开始,我们总是很自然地去下载需要用到的js类库文件,比如jQuery,去官网下载名为jquery-1.10.2.min.js文件,放到我们的项目 ...
- 包管理器Bower使用手冊之中的一个
包管理器Bower使用手冊之中的一个 作者:chszs,转载需注明.博客主页:http://blog.csdn.net/chszs 一.Bower介绍 Bower是一个适合Web应用的包管理器,它擅长 ...
- 包管理器Bower使用手册之一
包管理器Bower使用手册之一 作者:chszs,转载需注明.博客主页:http://blog.csdn.net/chszs 一.Bower介绍 Bower是一个适合Web应用的包管理器,它擅长前端的 ...
- bower解决js库的依赖管理
从零开始nodejs系列文章,将介绍如何利Javascript做为服务端脚本,通过Nodejs框架web开发.Nodejs框架是基于V8的引擎,是目前速度最快的Javascript引擎.chrome浏 ...
- 基于angular+bower+glup的webapp
一:bower介绍 1:全局安装安装bower cnpm i -g bower bower常用指令: bower init //初始化文件 bower install bower uninstall ...
- 90.bower解决js的依赖管理
转自:https://blog.csdn.net/u011537073/article/details/52951122 前言一个新的web项目开始,我们总是很自然地去下载需要用到的js类库文件,比如 ...
- [web建站] 极客WEB大前端专家级开发工程师培训视频教程
极客WEB大前端专家级开发工程师培训视频教程 教程下载地址: http://www.fu83.cn/thread-355-1-1.html 课程目录:1.走进前端工程师的世界HTML51.HTML5 ...
- npm start 作用
在配置phonecat项目时需要运行npm start在本地配置一个服务器环境,npm start首先会安装一系列的必要程序,这些程序依赖package.json中的内容,package.json中的 ...
随机推荐
- 闭包----你所不知道的JavaScript系列(4)
一.闭包是什么? · 闭包就是可以使得函数外部的对象能够获取函数内部的信息. · 闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分. · 闭包就 ...
- Vue Element Tabe Pager 分页方案
表格和分页分离的,但是使用中,却是结合在一起的. 分析 有以下方式触发查询: mounted 加载数据. 查询按钮 加载数据. pager 变化加载数据 加载数据函数: loadData 问题 mou ...
- mysql连接数设置操作(Too many connections)及设置md5值的加密密码
mysql在使用过程中,发现连接数超了~~~~ [root@linux-node1 ~]# mysql -u glance -h 192.168.1.17 -pEnter password: ERRO ...
- STL next_permutation()
用法 字典序全排列 可以发现函数next_permutation()是按照字典序产生排列的,并且是从数组中当前的字典序开始依次增大直至到最大字典序. 代码 #include<iostream&g ...
- ULMFiT 阅读笔记
ULMFiT 阅读笔记 概述 这篇文章从文本分类模型入手,主要提出了两点:一是预训练语言模型在大中小规模的数据集中都能提升分类效果,在小规模数据集中效果尤为显著.二是提出了多种预训练的调参方法,包括D ...
- Week 1 工程表格
PSP2.1 Personal Software Process Stages Time Planning 计划 · Estimate · 估计这个任务需要多少时间 6h30min Developme ...
- 广商博客冲刺第二天new
队名:雷锋队 队员:叶子鹏 王佳宁 张奇聪 张振演 曾柏树 项目:广商博客(嵌入APP) 执笔人:王佳宁 第一天沖刺傳送門 第三天沖刺傳送門 今天主要是写需求分析,在经过组员的热烈地讨论,需求分析如下 ...
- 第三个Sprint冲刺第八天(燃尽图)
- [福大软工] Z班 第11次成绩排行榜
注:本次成绩排行榜是针对团队Alpha阶段冲刺博客的得分统计 作业要求 http://www.cnblogs.com/easteast/p/7749181.html 评分细则 在团队Alpha阶段刚开 ...
- Filter学习:项目第八阶段
public interface Filter A filter is an object that performs filtering tasks on either the request ...