如何在macbook 上安装bower

1、安装bower，得首先安装node：

brew install npm //npm是nodejs的程序包管理器，如果安装过nodejs，可忽略此步。

2、安装Git（因为需要从Git仓库获取一些代码包）：

sudo brew install git //也可以安装Git客户端版本

3、安装bower：

sudo npm install -g bower //-g：全局安装

4、配置bower环境变量：

把在第3步提示安装完成的bower存储路径配置到环境变量中，编辑~/.bash_profile文件：

export GOPATH=/Users/hopkings/www/Go

export GOBIN=$GOPATH/bin

export BOWER=/usr/local/Cellar/node/5.9.1/libexec/npm/lib/node_modules/bower/bin

export PATH=$PATH:$GOBIN:$BOWER:/sbin:/usr/bin:/usr/sbin

//BOWER 是我自己的bower安装好的默认路径。

source ~/.bash_profile

指使用一种名为Bower的软件包管理器来安装所需的软件。

电子计算机俗称电脑，是一种用于高速计算的电子设备，可以进行数值和逻辑运算，还具有存储记忆功能。是能够按照程序运行，自动、高速处理海量数据的现代化智能电子设备。

电子计算机由硬件系统和软件系统组成。其中硬件指计算机的物理构成；

所谓软件是指为方便使用计算机和提高使用效率而组织的程序以及用于开发、使用和维护的有关文档。软件系统可分为系统软件和应用软件两大类。

系统软件包括 *** 作系统、语言处理系统（翻译程序）、服务程序、数据库管理系统等。其中： *** 作系统是管理、控制和监督计算机软、硬件资源协调运行的程序系统，由一系列具有不同控制和管理功能的程序组成，它是直接运行在计算机硬件上的、最基本的系统软件，是系统软件的核心。 *** 作系统是计算机发展中的产物，它的主要目的有两个：一是方便用户使用计算机，是用户和计算机的接口。比如用户键入一条简单的命令就能自动完成复杂的功能，这就是 *** 作系统帮助的结果；二是统一管理计算机系统的全部资源，合理组织计算机工作流程，以便充分、合理地发挥计算机的效率。

应用软件，指为解决各类实际问题而设计的程序系统称为应用软件。

软件必须放在计算机中才能发挥作用，把软件放进计算机的过程称为软件安装。

对于应用软件的安装，有几种情况：

一是应用软件与 *** 作系统十分契合，安装时只需将应用软件拷贝到计算机的存储设备中，使用时直接通过 *** 作系统就能使其发挥作用；

二是应用软件运行时必须要求 *** 作系统作出一定的配合或者应用软件需要根据不同的 *** 作系统作出适当的调整。这就要求应用软件在安装时，就将这些要求加以说明和记录，以便在这类软件开始运行时按照特定的要求进行。往系统目录写入一些必要的动态连接库(DLL)，往系统注册表中写入相应的设置项，生成初始化文件（ini）等等就是这些工作的部分内容。这就使得安装变得复杂并要求具备相应的知识和技术能力，往往只有软件的编写者才能胜任。为了使复杂的软件安装变得简单易用，可以利用一段专门的程序（软件）来进行安装。这段专门程序即安装程序。

在计算机程序中，还有一种类型，它具有特定的功能，用来完成特定任务的一个程序或一组程序。它可以是（成为）应用软件或系统软件中的一部分，但不是独立的软件系统。这种类型的软件通常被称为软件包。

大多数软件包都是用来扩展应用软件功能的，软件包的开发、编写，往往不需要全面的计算机知识，有能力编写软件包的开发人员不一定具备编写安装程序的能力。同时，这类软件包中的相当一部分是针对常用应用软件开发的。对于这类软件包完全可以重复使用一个通用的安装程序来进行安装。将几个常见应用软件的安装程序以及相应的工具软件整合在一起的软件，称为软件包管理器。

Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如 JavaScript、HTML、CSS 之类的网络资源。Bower需要安装后才能使用。大致过程如下：

准备工作

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下载的代码包的目录。

bower初始化

命令行进入项目目录中，输入命令如下：

bower init

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

包的安装

比如要安装一个jquery，输入如下命令：

bower install jquery --save

然后bower就会从远程下载jquery最新版本到js/lib目录下

其中--save参数是保存配置到你的bower.json。

包的信息

比如想要查找jquery都有哪些个版本，输入如下命令：

bower info jquery

会看到jquery的bower.json的信息，和可用的版本信息

包的查找

比如想要安装bootstrap的某个插件，但是记不住名字了，就可以直接在命令行输入：

bower search bootstrap

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

包的卸载

卸载包可以使用uninstall 命令：

bower uninstall jquery

Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。他作为一个js依赖管理的工具，提供一种理想包管理方式，借助了npm的一些思想，为我们提供一个舒服的开发环境。

2.Bower的安装

我的安装环境是在ubuntu14.04

2.1.前提条件是需要安装nodejs和git，bower是从git上下载网络资源的。

2.2.使用nodejs的npm来安装bower

npm install -g bower

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

2.3.检验是否安装成功

bower -v

如果安装成功输出：

1.7.7

3.Bower的使用

3.1.查看bower功能支持

stephen@stephen:~$ bower

Usage:

bower <command>[<args>] [<options>]

Commands:

cache Manage bower cache

helpDisplay help information about Bower

homeOpens a package homepage into your favorite browser

infoInfo of a particular package

initInteractively create a bower.json file

install Install a package locally

linkSymlink a package folder

listList local packages - and possible updates

login Authenticate with GitHub and store credentials

lookup Look up a package URL by name

prune Removes local extraneous packages

registerRegister a package

search Search for a package 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, --silentDo not output anything, besides errors

-V, --verbose Makes output more verbose

--allow-rootAllows running commands as root

-v, --version Output Bower version

--no-color Disable colors

See 'bower help <command>' for more information on a specific command.

3.2.创建测试bower_test project

stephen@stephen:~$ mkdir bower_test

stephen@stephen:~$ cd bower_test

stephen@stephen:~/bower_test$ mkdir app

stephen@stephen:~/bower_test$ tree

.

└── app

1 directory, 0 files

目前我们的目录结构

3.3.我们在根目录（／bower_test）下创建**.bowerrc**文件

3.4.在2创建的文件中添加如下内容：

{

"directory" : "app"

}

**.bowerrc**文件是自定义bower下载的代码包的目录位置，即我们下载的资源将放在app／下面

3.5.查看当前的目录结构

stephen@stephen:~/bower_test$ tree -a

.

├── app

└── .bowerrc

3.6.brower的初始化工作

在我们.bowerrc同级，也就是主目录下执行命令**bower init**,根据提示会生成bower.json的配置文件。

stephen@stephen:~/bower_test$ bower init

? name bower_test

? description "test for bower"

? main file "test"

? what types of modules does this package expose?

? keywords "test keywords"

? authors Stephen Huang <stephen_huang_@hotmail.com.com>

? license MIT

? homepage www.baidu.com

? set currently installed components as dependencies? Yes

? add commonly ignored files to ignore list? Yes

? would you like to mark this package as private which prevents it from being accidentally published to the registry? Yes

{

name: 'bower_test',

authors: [

'Stephen Huang <stephen_huang_@hotmail.com.com>'

],

description: '"test for bower"',

main: '"test"',

moduleType: [],

keywords: [

'"test',

'keywords"'

],

license: 'MIT',

homepage: 'www.baidu.com',

private: true,

ignore: [

'**/.*',

'node_modules',

'bower_components',

'app',

'test',

'tests'

]

}

? Looks good? Yes

目前的结构

stephen@stephen:~/bower_test$ tree -a

.

├── app

├── bower.json

└── .bowerrc

1 directory, 2 files

3.7.包的安装

如果我们现在需要安装bootstrap

bower install jquery --save

然后bower就会从远程下载jquery最新版本到你的app/目录下

stephen@stephen:~/bower_test$ bower install jquery --save

bower jquery#* cached git://github.com/jquery/jquery-dist.git#2.2.1

bower jquery#*validate 2.2.1 against git://github.com/jquery/jquery-dist.git#*

bower jquery#^2.2.1install jquery#2.2.1

jquery#2.2.1 app/jquery

其中–save参数是保存配置到你的bower.json，你会发现bower.json文件已经多了一行

"dependencies": {

"jquery": "^2.2.1"

}

3.8.包的信息

bower info jquery

会看到jquery的bower.json的信息，和可用的版本信息

3.9.包的更新

bower update

3.10.包的卸载

bower uninstall jquery

3.11.包的查找

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

bower search bootstrap

4.参考

1.官网：http://bower.io/

---