安装bower前的一些准备工作
1、首先在系统下载安装node.js
2、下载安装Git,bower从远程git仓库获取代码包。具体操作可看:Git 上传代码到远程仓库以及从远程库克隆
开始安装bower
bower可以使用npm安装,新建一个空的练习文件夹(本次练习命名为bower),在命令行中转到该文件夹后执行下述指令就可以完成安装。
1、在命令行下切换到当前目录下输入以下命令(本次练习采用局部安装)如下图:
//全局安装
npm install -g bower
//安装到你的项目目录
npm install --save-dev bower
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiI0NXYFhGd192UvwVe0lmdhJ3ZvwFM38CXlZHbvN3cpR2Lc1TPB10QGtWUCpEMJ9CXsxWam9CXwADNvwVZ6l2c052bm9CXUJDT1wkNhVzLcRnbvZ2Lc1TPR1Ue4EjW1ljMhZXUYpVd1kmYr50MZV3YyI2cKJDT29GRjBjUIF2LcRHelR3LcJzLctmch1mclRXY39jN1QTOwgTMwATMyUDM3EDMy8CX0Vmbu4GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
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命令,就看把下载下来的包卸载,如图: