bower安装使用入门详情

Posted 2020-08-04 淡定的魂魄

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里面文件版本的话，执行更新命令，就可以得到自己想要的版本文件
查找和删除就不用说明了

 

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

{
  "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"
  }
}