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

什么是bower

Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具,如YeoMan和Grunt,这个会在以后的文章中介绍。

准备工作

  1. 安装node环境:node.js
  2. 安装Git,bower从远程git仓库获取代码包:git简易指南

安装bower

使用npm,打开终端,输入:

npm install -g bower

其中-g命令表示全局安装

开始使用

使用help命令查看帮助

自定义包的安装目录

首先进入项目目录下,新建文件1.txt

然后命令行进入项目目录下,输入命令重命名该文件为.bowerrc

rename 1.txt .bowerrc

这个.bowerrc文件是自定义bower下载的代码包的目录,比如现在我的项目结构如下图:

那我的.bowerrc文件内容如下:

{
  "directory" : "js/lib"
}

bower初始化

命令行进入项目目录中,输入命令如下:

bower init

会提示你输入一些基本信息,根据提示按回车或者空格即可,然后会生成一个bower.json文件,用来保存该项目的配置,如下:

{
  "name": "bb_boot",
  "version": "0.0.1",
  "authors": [
    "savokiss <[email protected]>"
  ],
  "moduleType": [
    "amd"
  ],
  "license": "MIT",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "js/lib",
    "test",
    "tests"
  ],
  "dependencies": {
  }
}

包的安装

下面终于开始安装需要的包了!
比如我要安装一个jquery,输入如下命令:

bower install jquery --save

然后bower就会从远程下载jquery最新版本到你的js/lib目录下
其中--save参数是保存配置到你的bower.json,你会发现bower.json文件已经多了一行:

  "dependencies": {
    "jquery": "~2.1.4"
  }

包的信息

比如我们想要查找jquery都有哪些个版本,输入如下命令:

bower info jquery

会看到jquerybower.json的信息,和可用的版本信息

可以看到jquery最新的兼容版版本为1.11.3

包的更新

上面安装的是最新版的高版本jquery,假如想要兼容低版本浏览器的呢?
已经查到兼容低版本浏览器的jquery版本为1.11.3,下面直接修改bower.json文件中的jquery版本号如下:

  "dependencies": {
    "jquery": "~1.11.3"
  }

然后执行如下命令:

bower update

bower就会为你切换jquery的版本了

包的查找

还有一个很重要的功能,就是包的查找,比如我想要安装bootstrap的某个插件,但是记不住名字了,就可以直接在命令行输入:

bower search bootstrap

bower就会列出包含字符串bootstrap的可用包了

包的卸载

卸载包可以使用uninstall 命令:

bower uninstall jquery

 

时间: 2024-10-10 11:02:12

如何安装并使用bower包依赖工具的相关文章

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

本文主要介绍前端开发中常用的包管理工具Bower,具体包括Bower的基本情况.安装.使用和常见命令等内容,最后还介绍了依赖树管理的常见方式以及Bower采用的策略并进行了比较. 1.1 关于Bower Bower是一款优秀的包管理器,它由Twitter公司开发,支持以命令行的方式来对包进行搜索.下载.更新和卸载. 模块或组件指独立完整的模块,可以是应用的一部分或者是扩展,依赖可以是jQuery或backbone这样的库,也可以像Bootstrap这样的UI框架或者是UI组件. 包英文(pack

npm bower包管理工具

包管理工具 bower官网 bower.io 原文地址:https://www.cnblogs.com/liuliang389897172/p/9047178.html

bower包管理工具

安装: npm install bower -g (全局安装) 验证: bower --version 指令( 以vue为例 ): 1.  bower info vue              查看版本信息 2.  bower install vue           安装vue     (安装制定版本如1.0.28:bower install vue#1.0.28) 3.  bower uninstall vuw      卸载vue 可参考网站:https://segmentfault.

Ubuntu14.04安装build-essential失败,包依赖问题如何解决?

正在读取软件包列表... 完成 正在分析软件包的依赖关系树 正在读取状态信息... 完成 有一些软件包无法被安装.如果您用的是 unstable 发行版,这也许是 因为系统无法达到您要求的状态造成的.该版本中可能会有一些您需要的软件 包尚未被创建或是它们已被从新到(Incoming)目录移出. 下列信息可能会对解决问题有所帮助: 下列软件包有未满足的依赖关系: build-essential : 依赖: libc6-dev 但是它将不会被安装 或 libc-dev 依赖: gcc (>= 4:4

CentOS中Python pip包管理工具的安装和使用

Python有很多第三方的模块或包,要管理这些包,有很多方法.python的pip包管理工具,类似与CentOS中yum,使用该工具安装Python包非常方便. 从Python内部来说,pip 是一个安装和管理 Python 包的工具 , 是 easy_install 的一个替换品.distribute是setuptools的取代(Setuptools包后期不再维护了),pip是easy_install的取代. pip的安装前需要setuptools 或者 distribute,如果你使用的是P

windows XP下Python2.7包管理工具安装-setuptool,pip、distribute、nose、virtualenv

在Python开发中为了对项目进行管理和调试.必须安装一些特定的软件包.据说业内这个叫做yak shaving-做一个非常酷非常绚丽的Python项目之前,必须做的一些枯燥无味的准备工作.本文介绍了setuptool.pip.distribute.nose.virtualenv的安装. 1,python2.x bug 首先python 2.x的一个bug会导致包安装失败,以2.7为例改动例如以下: C:\Python27\Lib\mimetypes.pyc line249 2,经过上述改动后,安

Python的包管理工具distribute,setuptools,easy_install与pip

刚开始学习Python时,看资料和别人介绍中提到过,安装Python的包有的用easy_install, setuptools, 有的使用pip,distribute.现在把这些相关的资料整理一下,能更清晰的了解Python的设计,关于这些可以参考http://guide.python-distribute.org/installation.html. 1.distutils Python 自带的基本安装工具,适用于非常简单的应用场景. 2.distribute 通过查阅Distribute的文

Golang学习--包管理工具glide

上一篇文章中我们已经成功的运行了go的代码,这是我们迈出的最基础的一步. 一个项目通常会依赖很多外部的库,当依赖的库比较多的时候,手工管理就会比较麻烦,这个时候就需要包管理工具出场了,帮你管理好所有依赖的库. php项目中使用composer,javascript项目中使用npm,那么在go项目中,我们需要使用什么? 包依赖工具的选择 当前go的包管理工具有glide.godep.govendor和gvt等,相关对比的文章可以查看<go依赖包管理工具对比>. 功能对比可以参考如下内容(虽然跟上

离线环境安装dotnet framework nuget包

文章引用:https://blog.csdn.net/dinghqalex/article/details/51280483的内容 最近项目需要在NuGet添加一个依赖项,无奈公司开发机没网... 说出来各位看官可能不信,做开发的开发机居然没网!!!!! 没办法,项目需要还是得把东西扔进VS里面去,只有想办法把依赖项加进去了 如果有网,添加NuGet里面的依赖项非常简单,搜索出来直接安装就行. 言归正传,还是来说说离线安装NuGet里面程序包依赖项的问题. 首先. https://www.nug