bower前端包管理器入门

什么是bower

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

准备工作

  1. 安装npm
  2. 安装nod.js
  3. 安装bower
1
# npm install -g bower

bower初始化

进入web项目静态目录如static或者template

1
# bower init

注意:在WINDOWS下如题用git窗口执行可以会报如下错误

1
2
3
4
5
$ bower init
bower ENOINT Register requires an interactive shell

Additional error details:
Note that you can manually force an interactive shell with --config.interactive

记得切换到win的CMD命令下执行bower init
img
些时目录下生成bower.json

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
{
"name": "helloweb",
"homepage": "index.html",
"authors": [
"xxx <xxx@126.com>"
],
"description": "web",
"main": "index.html",
"license": "MIT",
"private": true,
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests"
]
}

安装第三方JS如jquery

1
# bower install jquery --save

.
├── static
│ ├── bower_components
│ │ ├── jquery
│ └── bower.json
│ └──index.html
index.html引用

1
<script type="text/javascript" src="bower_components/jquery/jquery.min.js"></script>

分享