什么是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


refer:Day 1: Bower —— 管理你的客户端依赖关系

时间: 2024-10-07 06:47:59

什么是bower的相关文章

&lt;zz&gt;bower入门教程

from http://www.cnblogs.com/xiaokai0203/p/5891927.html bower入门教程 什么是bower Bower是一个客户端技术的软件包管理器,它可用于搜索.安装和卸载如JavaScript.HTML.CSS之类的网络资源.其他一些建立在Bower基础之上的开发工具,如YeoMan和Grunt,这个会在以后的文章中介绍. 准备工作 安装node环境:node.js 安装Git,bower从远程git仓库获取代码包:git简易指南 安装bower 使用

初识 bower(一)

一.前言 写给我自己看的,自己学习用的. 尼玛现在的前端越来越高端了. 二.什么是bower 首先不管他是什么鸟,总之看见了web这个单词,就知道肯定和网站有点关系. 我目前知道的是   就是bower就是解决自己动手去下载各种库,框架的问题. 三.如何安装bower bower基于node环境,所以node的环境必需要装好.没装的点这个node官网; 全局安装bower代码很简单,-g的意思是全局安装哦:   这可以看bower的版本信息. 四.使用bower下载常用的库(这里示例用的是jqu

Grunt Bower构建前端

Grunt + Bower-前端构建利器 目前比较流行的WEB开发的趋势是前后端分离.前端采用重量级的Javascript框架,比如Angular,Ember等,后端采用restful API的Web Service服务,通过JSON格式进行数据交互. 对于后端服务语言来说,不论是Ruby的rake,Java中的Maven或Gradle,或是Scala中的SBT,他们都能够提供编译运行.运行测试.打包部署.依赖管理等功能.再加上强大的package系统,让它可以插拔式的使用很多强大的功能,像数据

Bower指定依赖安装目录

在项目根下创建一个名为.bowerrc 的文件然后 { "directory" : "public/components" } 再运行bower install就好啦

Bower A package manager for the web

Bower can manage components that contain HTML, CSS, JavaScript, fonts or even image files. Bower doesn’t concatenate or minify code or do anything else - it just installs the right versions of the packages you need and their dependencies.Bower is opt

bower常用命令

bower install loadash --save bower uninstall loadash --save bower init bower install loadash#2.2.1 bower info loadash  列出lodash包的bower.json文件以及其历史版本集 bower info lodash#2.2.1列出2.2.1版本的lodash bower.json文件内容,可以查看起依赖的变更 bower cache list bower cache clean

windows环境下安装npm、cnpm、bower

什么是npm.cnpm.bower? 简单地说,就是帮你下载好你需要的css或者js库,而且三者功能也都是一样的.那为什么要下载这3个不同的呢?据说npm容易被墙--而cnpm是淘宝的镜像,所以通常用cnpm代替npm.至于bower,是因为bower更多地用于前端开发.但是因为它也是依赖于npm的,所以没有npm,就没法载bower--不知道说了那么多你懂了没,但是这不重要~你所需要做的就是分别安装这3个,然后将bower为己所用. 安装npm 前往nodejs官网下载nodejs,https

bower学习总结

1. 安装软件:node-v6.10.3-x64.msi 和 Git-2.13.0-64-bit.exe 在安装git时,需要选择'Run Git from the Windows Command Prompt' 2. 安装bower:  在git bash命令行下,npm install bower -g 3. 安装软件包:在git bash命令行下, 当前目录定为到项目下面,bower install lodash   (以lodash为例),指定版本:bower install#2.2.1

bower指南(一)

安装bower npm install -g bower 新建文件1.txt,然后重命名为.bowerrc cp 1.txt .bowerrc 这个.bowerrc文件是自定义bower下载的代码包的目录: .bowerrc文件内容如下: { "directory" : "js/lib" } bower初始化 bower初始化不能在gitbash,要在cmd中: bower init 包的安装 比如要安装一个jquery,输入如下命令: bower install

自动化构建之bower

官网地址:https://bower.io/ 网站由很多东西组成 - 框架,库,一个大型网站有很多人一块创建,那么因为版本或者其他的原因导致文件重复,或者不是最新的.例如:jq的版本不一样但是都是jq.bower就是用来管理这些文件的,解决重复的组件.库,让所有的文件都是最新版本的. 下面详细介绍bower的安装到使用 1.安装bower 在终端执行 npm install -g bower 便可完成安装,安装完成之后执行 bower -v 2.创建一个测试目录 mkdir bower-in-a