使用bower的必要条件
1.
安装
node
环境:
2.
安装bower
npm 安装bower ,但是由于网络原因,我们替换npm 执行:
npm install
-
g cnpm
--
registry
=
https
://
registry
.
npm
.
taobao
.
org
安装bower 使用cnpm install -g bower
开始使用
使用bower help 来查看帮助文档
自定义包的安装路径
首先建立一个文件 touch .bowerrc
.bowerrc 文件内容:
{
“directory” :"js/lib"
}
bower的初始化
命令行进入项目路径:使用bower init
会提示你输入一些信息,使用空格或填入相关数据即可,最后生成bower.json文件
{
"name": "fornt",
"authors": [
"wxl <xxxxx@qq.com>"
],
"description": "this is des",
"main": "",
"moduleType": [
"amd"
],
"license": "MIT",
"homepage": "",
"private": true,
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"js/lib",
"test",
"tests"
],
"dependencies": {
"jquery": "^2.2.2",
"angular-translate-loader-url": "^2.11.0",
"angular-translate-loader-static-files": "^2.11.0",
"angular-translate-loader-partial": "^2.11.0"
}
}
"name": "fornt",
"authors": [
"wxl <xxxxx@qq.com>"
],
"description": "this is des",
"main": "",
"moduleType": [
"amd"
],
"license": "MIT",
"homepage": "",
"private": true,
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"js/lib",
"test",
"tests"
],
"dependencies": {
"jquery": "^2.2.2",
"angular-translate-loader-url": "^2.11.0",
"angular-translate-loader-static-files": "^2.11.0",
"angular-translate-loader-partial": "^2.11.0"
}
}
包的安装
现在我需要jquery可以输入:bower install jquery --save
然后你的bower就会从远程下载jquery包最新版到js/lib目录下,
其中
--save
参数是保存配置到你的
bower.json
,你会发现
bower.json
文件已经多了一行:
"dependencies": {
xxxxxx
}
包的信息
bower info jquery
包的更新
bower update
包的查找
bower search bootstrap
bower
就会列出包含字符串
bootstrap
的可用包了
包的卸载
bower uninstall jquery
我们下篇文章探索bower依赖和bower.json文件