bower安装使用入门详情

Posted 2020-08-23 马会东的博客

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 <[email protected]>"   ],   "moduleType": [     "amd"   ],   "license": "MIT",   "ignore": [     "**/.*",     "node_modules",     "bower_components",     "js/lib",     "test",     "tests"   ],   "dependencies": {     "jquery": "~2.1.4"   } }