js的包管理工具bower安装

Posted leayrainy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js的包管理工具bower安装相关的知识,希望对你有一定的参考价值。

bower需要:node 和 git

node安装包下载:http://blog.csdn.net/myan/article/details/2028545

Git安装:

选择第二项:Use Git from the Windows Command Prompt

安装完成后:

右键 --> 计算机 --> 高级系统设置 --> 环境变量

双击PATH

打开node 和 Git 安装目录

GIT: 把bin 和 cmd 的路径拷出来,添加到环境变量里去,用英文分号隔开(就是添加到刚才你双击的那个PATH里)

node: node_modules把这个文件夹的路径拷到 PATH里

确定,配置完毕

打开cmd

node -v  node -v ,v是version的意思,检查一下版本号,校验是否装成功了

安装bower

npm install -g bower

npm 是 node package manager 的意思 , node js 使用 npm 是管理依赖的包(也就是js类库)

 

 

 

使用:

例如:进入一个目录  输入命令:  bower install angular   自动下载到你指定的文件目录里

举例,我们新建一个项目,目录为code,我们的项目需要:jquery 1.11.1、bootstrap、angular。

针对项目bower-demo,我们可依次执行如下命令:

  bower install jquery#1.11.1 -save

  bower install bootstrap -save

  bower install angular -save

执行完每一条命令后,bower都会自动下载对应库文件到bower_commponts/目录,同时还会下载其依赖。

Bower 可使用如下几种方式下载文件

  #已经注册的包,使用简单即可

  bower install jquery

  #GitHub上的项目,使用名称即可

  bower install desandro/masonry

  #GitHub上的项目

  bower install git://github.com/......

  #直接通过URL下载

  bower install (网址)

 

 

 

bower 的常用命令

执行bower help命令,可以查看所有命令及参数介绍:

命令简介:

cache:bower缓存管理

help:显示Bower命令的帮助信息

home:通过浏览器打开一个包的github发布页

info:查看包的信息

init:创建bower.json文件

install:安装包到项目

link:在本地bower库建立一个项目链接

list:列出项目已经安装的包

lookup:根据包名查询包的URL

prune:删除项目无关的包

register:注册一个包

search:搜索项目的包

update:更新项目的包

uninstall:删除项目的包

 

 

1、 查看已安装的库例表

  bower list

2、更新某个库

  bower update

以上是关于js的包管理工具bower安装的主要内容,如果未能解决你的问题,请参考以下文章

前端工程化系列[01]-Bower包管理工具的使用

npm bower gulp

如何安装并使用bower包依赖工具

bower的下载安装及使用

理解bower是如何管理依赖的

bower程序包管理器与npm的对比及handlebars包的使用实例