clipboard.png

bower作为一个js依赖管理的工具,提供一种理想包管理方式,借助了npm的一些思想,为我们提供一个舒服的开发环境。

准备:安装node.js

下载bower

全局-g 安装,方便各路径调用bower
clipboard.png

指定文件夹下生产bower.json

bower.json用来管理该文件夹下所下载的包,命令后一直回车默认(防止误删后,可以重新快速安装)
clipboard.png

bower.json文件路径
clipboard.png

bower.json代码

{
  "name": "bower_moudles",
  "authors": [
    "Eddie <dcwen666666@163.com>"
  ],
  "description": "",
  "main": "",
  "license": "MIT",
  "homepage": "",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ]
}

bower使用

Bower使用心得-脚本宝典
注意加上--save,这样下载的包就能被管理在bower下
带着--save 会自动的把包的一些信息写入到bower.json中

如下,此时bower.json存入了下载的jquery

 "dependencies": {
    "jquery": "^3.1.0"
  }

重新下载文件

通过bower.json,即使误删我们的所有文件包,也可以在后续中轻松拿回
clipboard.png

bower常用命令

  1. 如果想升级bower的话cnpm update bower

  2. md 文件夹名字 (建立文件夹)
    bower -help 的命令

    • cache:bower缓存管理

    • help:显示Bower命令的帮助信息

    • home:通过浏览器打开一个包的github发布页

    • info:查看包的信息

    • init:创建bower.json文件

    • install:安装包到项目

    • link:在本地bower库建立一个项目链接

    • list:列出项目已安装的包

    • lookup:根据包名查询包的URL

    • prune:删除项目无关的包

    • register:注册一个包

    • search:搜索包

    • update:更新项目的包

    • uninstall:删除项目的包

总结

其实模块化,版本依赖,开发类库,发布类库,安装类库,都是一条命令!还能再简单一点么!快把项目模块化,然后分享给大家吧!!未来是属于开发者的。

本文固定链接: http://www.js-code.com/jquery/jquery_32483.html