马会东的博客

马会东的博客

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

bower安装使用入门详情

 

bower自定义安装:
安装bower需要先安装node,npm,git
全局安装bower,命令:npm install -g bower
进入项目目录下,新建文件1.txt
然后命令行进入项目目录下,输入命令重命名该文件为.bowerrc:
修改文件名,命令:rename 1.txt .bowerrc
*说明下为何要命令行修改文件名,因为直接修改的话电脑不让修改啊,另外上面命令用于window~~
.bowerrc文件内容填充,如下:(js/lib是通过bower下载的文件存放的路径,自己设定)
{
"directory" : "js/lib"
}
bower初始化,命令:bower init
执行完初始化命令之后,可以直接回车在命令行中修改配置信息,不修改的直接回车
初始化之后就会生成一个bower.json的配置文件


bower基本用法:(包管理工具)
包的安装,如jquery,命令:bower install jquery --save
包的信息,命令:bower info jquery
包的更新,命令:bower update
包的查找,命令:bower search jquery
包的卸载,命令:bower uninstall jquery

bower用法相关说明:
bower安装,如jquery,它会从远程下载jquery最新版本到你的js/lib目录下
其中--save参数是保存配置到你的bower.json,你会发现bower.json文件已经多了一行:
*注意啦,如果安装的时候提示:git is not installed or not in the PATH
*你又非常确定你的git是安装过的,那么就是因为你的git没有设置环境变量,
*设置的方法,添加git到window的环境变量中。设置path路径为C:\Program Files\Git\bin
*这里的C:\Program Files\Git\bin是指你git的安装目录,根据自己Git安装目录设定
*设置完成环境变量之后,让环境变量生效
*立刻生效直接DOS里面输入:SET PATH=C:\,关闭DOS窗口即可,这里修改并不会真的修改掉原本的PATH,可以放心使用
*关掉以前的全部命令行窗口,再次重新进入对应目录执行包的安装命令就好了
查找jquery都有哪些个版本,执行命令会看到jquery的bower.json的信息,和可用的版本信息
如果想更新包,直接命令执行后如果有最新版本文件,bower会自动拉取最新版本
手动修改bower.json里面文件版本的话,执行更新命令,就可以得到自己想要的版本文件
查找和删除就不用说明了

 

基本安装配置完成的模型大概就是底下这样的:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
{
  "name""bb_boot",
  "version""0.0.1",
  "authors": [
    "savokiss <jaynaruto@qq.com>"
  ],
  "moduleType": [
    "amd"
  ],
  "license""MIT",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "js/lib",
    "test",
    "tests"
  ],
  "dependencies": {
    "jquery""~2.1.4"
  }
}
posted on 2016-12-13 18:23  马会东  阅读(406)  评论(0编辑  收藏  举报