每次做项目的时候都不依赖某一个库来开发,每次需要某一个库的时候都是百度进入库官网再找到下载的库,经常会因为官网的改版更新而在里面绕半天找不到想要的版本号,当然直接去github,CDN 都可以找到需要的库,但是总感觉这样很不优雅,直到偶然发现Bower,一个web的包管理工具,发现从此找库是一件很优雅的事。

Bower安装

Bower基于node,所以电脑必须安装node,还需安装node包管理工具npm

npm install bower -g//全局安装bower,必须加-g
bower --version//查看当前安装的版本号,如有输出版本号则安装成功

Bower命令

在命令行工具中输入bower可以查看到bower所有可用的命令

E:\>bower

Usage:

    bower <command> [<args>] [<options>]
Commands: cache Manage bower cache
help Display help information about Bower
home Opens a package homepage into your fav
info Info of a particular package
init Interactively create a bower.json file
install Install a package locally
link Symlink a package folder
list List local packages - and possible upd
login Authenticate with GitHub and store cre
lookup Look up a single package URL by name
prune Removes local extraneous packages
register Register a package
search Search for packages by name
update Update a local package
uninstall Remove a local package
unregister Remove a package from the registry
version Bump a package version
Options: -f, --force Makes various commands more forceful
-j, --json Output consumable JSON
-l, --loglevel What level of logs to report
-o, --offline Do not hit the network
-q, --quiet Only output important information
-s, --silent Do not output anything, besides errors
-V, --verbose Makes output more verbose
--allow-root Allows running commands as root
-v, --version Output Bower version
--no-color Disable colors

Bower常用命令记录

1:项目初始化

bower init//初始化项目,生成bower.json文件,记录库信息,供二次使用,在安装库的时候只需加--save便会把当前库自动写入bower.json文件,
把bower.json文件拷到指定的目录,只需直接运行bower install会自动安装指定的库列表

2:下载项目需要库,使用命令install

此处以下载神库jquery为示例:

bower install jquery//下载最新的jquery库到本地
bower install jquery#1.11.3//下载1.11.3版本的jquery库到本地
bower info jquery//可查看到当前jquery库所有的版本,再下载自己所需要版本

3:查看当前已经安装了的库

bower list//可查看当前目录下已经下载了的库列表,对于需要依赖别的库的文件也能看到它所依赖的库列表

4:删除不需要的库

bower uninstall jquery//删除jquery库

5:升级已下载的库

bower update jquery//更新jquery库

6:查看库的github地址

bower lookup jquery//查看jquery的github库地址
bower home jquery//直接打开jquery库的github地址

7:bower配置文件.bowerrc

{
"directory" : "components",//js库下载到的目录
"json" : "bower.json",//库列表文件
"endpoint" : "https://Bower.herokuapp.com",//在线索引的网址,用来搜索各种库。
"searchpath" : [],//一个数组,储存备选的在线索引网址。如果某个库在endpoint中找不到,则继续搜索该属性指定的网址,通常用于放置某些不公开的库。
"shorthand_resolver" : ""//定义各个库名称简写形式。
}

上面这些是我在工作中常用到的命令,其实工作中也只是用来拉一下库文件而已,感觉也是帮大忙了。

注意:bower需要电脑装有git版本管理工具,不然会报如下错:ENOGIT git is not installed or not in the PATH安装git并设置环境变量

解决方法一:

添加git到window的环境变量中。设置path路径为C:\Program Files\Git\bin

解决方法二:

在不用添加环境变量的情况下,运行下面一个命令,就可以设置当前文件加的环境变量。

set PATH=%PATH%;C:\Program Files\Git\bin

亲身掉进过这个坑,查看到git安装目录,再设置全局变量到指定的BIN文件夹,方法一设置后要重启CMD才起作用,方法二能及时起作用。

以上解决方案参见:http://www.haorooms.com/post/bower_error

bower使用记录的更多相关文章

  1. ASP.NET Core 介绍和项目解读

    标签: ASP.NETCore 1. 前言 2. ASP.NET Core 简介 2.1 什么是ASP.NET Core 2.2 ASP.NET Core的特点 2.3 ASP.NET Core 项目 ...

  2. Oracle命令:授权-收回权限-角色

    Oracle命令:授权-收回权限-角色 oracle grant 不论授予何种权限,每条授权(grant)语句总是由三部分组成: 1) 接受者部分是准备获得权限的一个或多个用户的列表. 2)关键字权限 ...

  3. NET Core 介绍

    NET Core 介绍 标签: ASP.NETCore 1. 前言 2. ASP.NET Core 简介 2.1 什么是ASP.NET Core 2.2 ASP.NET Core的特点 2.3 ASP ...

  4. Net core学习系列(二)——Net Core项目文件简介

    一. ASP.NET Core 项目文件夹解读 ASP.NET Core 1.0 发布以来,相较于传统项目编码发布的行为,新项目中的操作已经有了很大的变化,如解析依赖,选择运行平台和Runtime等等 ...

  5. DBA常用SQL之DDL生成语句-2

    ------数据迁移常用SQL SELECT 'DROP USER '||u.username ||' CASCADE;' AS dropstrs FROM DBA_USERS U where u.u ...

  6. Windows环境下的NodeJS+NPM+Bower安装配置

    npm作为一个NodeJS的模块管理,之前我由于没有系统地看资料所以导致安装配置模块的时候走了一大段弯路,所以现在很有必要列出来记录下.我们要先配置npm的全局模块的存放路径以及cache的路径,例如 ...

  7. AngularJs bower install 卡主不动解决办法

    ,在开发过程中,前端的依赖包都是使用bower来进行安装的,但是经常就是下载不了package特别的苦恼,这里顺便要抱怨一下github,不是一般的慢!! 后来在stackoverflow找到一个方法 ...

  8. Angular+Flask搭建一个记录工具

    平时用的最多的文本编辑器就是Notepad++,很多东西都是通过Notepad++直接记录的: 没有看完的网页链接 要整理.收藏的网页 读书笔记 要处理的事情 待看/看过的文档和电子书 等等... 随 ...

  9. Windows环境下的NodeJS+NPM+Bower安装配置步骤

    Windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),便可以看到首页的“INSTALL”按钮 ...

随机推荐

  1. NOIP2010 题解

    机器翻译 题解:模拟 #include <cstdio> #include <cstring> ; ], ]; int main(){ memset(, sizeof(in)) ...

  2. 【转】gtk+多线程的程序实例

    #include <gtk/gtk.h> gint test() { while(1) { gdk_threads_enter(); g_printf("hello\n" ...

  3. ubuntu14.04上Trac配置记录

    系统环境:ubuntu14.04 (并假设Apache2服务可以正常运行) 1. 安装软件: sudo aptitude install trac python-mysqldb 2. 创建数据库Tra ...

  4. css3 2D动画的基本用法和介绍

    <style> body{height:400px;border:1px solid #000;} .box{width:90px;height:30px;border:1px solid ...

  5. C++builder中使用TScrollBox 以后,让scrollBox相应鼠标的上下滑动

    1.在窗口的事件里搜索 mouseWheel的方法 2.在.cpp文件里实现下面的代码 void __fastcall TForm1::mouseWheel(TObject *Sender, TShi ...

  6. 《转》python线程池

    线程池的概念是什么? 在IBM文档库中这样的一段描写:“在面向对象编程中,创建和销毁对象是很费时间的,因为创建一个对象要获取内存资源或者其它更多资源.在Java中更是 如此,虚拟机将试图跟踪每一个对象 ...

  7. Reset CSS

    摘自<锋利的JQuery> 关于重置样式,可以参考Eric meyer的重置样式和YUI的重置样式 body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt ...

  8. <Oracle Database>数据库启动与关闭

    启动和关闭Oracle数据库 要启动和关闭数据库,必须要以具有Oracle 管理员权限的用户登陆,通常也就是以具有SYSDBA权限的用户登陆.一般我们常用INTERNAL用户来启动和关闭数据库(INT ...

  9. Android 百度云媒体 等播放器播放4:3等多种比例的视频 大小配置的问题

    视频播放宽度大小各不一样,就需要根据视频的尺寸去适应屏幕的宽度和高度进行缩放. 思路是在onPrepared方法中,或者切换屏幕后,获取video的高度和宽度.以及屏幕展示区域的高度的宽度.并对比二者 ...

  10. xpath实例 --//span[contains(.,'资讯管理')]

    实际例子: 实例一: 不得不说下第一个例子,谢谢selenium论坛的大神门,XPATH还有这种方式的定位,传说是“治疗一切跌打损伤,及text找不到”(Antony群友帮解决的,在此谢谢)