bower安装入门

安装bower前的一些准备工作

1、首先在系统下载安装node.js  

2、下载安装Git，bower从远程git仓库获取代码包。具体操作可看：Git 上传代码到远程仓库以及从远程库克隆

开始安装bower

bower可以使用npm安装，新建一个空的练习文件夹（本次练习命名为bower），在命令行中转到该文件夹后执行下述指令就可以完成安装。
1、在命令行下切换到当前目录下输入以下命令（本次练习采用局部安装）如下图：

//全局安装
npm install -g bower
//安装到你的项目目录
npm install --save-dev bower

2、安装完bower后，在命令行执行bower help，可以查看Bower的帮助信息，如图：

3、初始化当前工程的bower，在命令行下执行bower init命令 会提示你输入一些基本信息，根据提示按回车或者空格即可，然后会生成一个bower.json文件，用来保存该项目的配置，如图：

bower.json文件

{
  "name": "bower",
  "description": "",
  "main": "",
  "license": "MIT",
  "homepage": "",
  "private": true,
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ],
  "dependencies": {
  }
}

注：windows下bower初始化时不应该在git bash中，而应该在cmd下打开的dos窗口中进行。

包的安装

1、使用bower安装某个特定类库，例如jquery:  在命令行执行 bower install jquery --save命令，bower就会从远程下载jquery最新版本到你的dist目录下

 

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

"dependencies": {
    "jquery": "^3.2.1"
  }

查看包的信息

在命令行执行bower info jquery 命令，可查看jquery都有哪些版本，如图：

包的更新

1、如果你想修改当前下载的jquery版本，可直接在 bower.json 文件下修改 jquery 版本号，比如想把当前版本修改jquery为1.11.3版本，如下：

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

2、修改好后，在命令行执行 bower update 命令，bower就会为你切换jquery的版本了，如图：

包的查找

1、比如我想安装bootstrap的某个插件，可在命令行执行bower search bootstrap命令，bower就会列出包含字符串bootstrap的可用包了，如图：

2、在命令行执行git clone https://########.git 命令，即可把想要的插件克隆到本地目录下，如图：

包的卸载

在命令行下执行 bower uninstall jquery命令，就看把下载下来的包卸载，如图: