Bower使用心得_jQuery

上一篇: JQuery基础修炼-事件篇下一篇:逐步解决动态添加样式导致的元素...

Bower使用心得

发布时间：2019-07-03 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了Bower使用心得，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。


bower作为一个js依赖管理的工具，提供一种理想包管理方式，借助了npm的一些思想，为我们提供一个舒服的开发环境。
准备：安装node.js
下载bower
全局-g 安装，方便各路径调用bower

指定文件夹下生产bower.json
bower.json用来管理该文件夹下所下载的包，命令后一直回车默认（防止误删后，可以重新快速安装）

bower.json文件路径

bower.json代码

      
      
      PE="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="{
  "name": "bower_moudles",
  "authors": [
    "Eddie "
  ],
  "description": "",
  ";main": "",
  "license": "MIT",
  "homepage": "",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ]
}" title="" data-original-title="复制">
      
      
{
  "name": "bower_moudles",
  "authors": [
    "Eddie <dcwen666666@163.COM>"
  ],
  "description": "",
  "main": "",
  "license": "MIT",
  "homepage": "",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ]
}
bower使用

注意加上--save，这样下载的包就能被管理在bower下
带着--save 会自动的把包的一些信息写入到bower.json中
如下，此时bower.json存入了下载的jquery

      
      
      
      
      
 "dependencies": {
    "jquery": "^3.1.0"
  }
重新下载文件
通过bower.json，即使误删我们的所有文件包，也可以在后续中轻松拿回

bower常用命令

如果想升级bower的话cnpm update bower

md 文件夹名字 （建立文件夹） 
bower -help 的命令

cache:bower缓存管理
help:显示Bower命令的帮助信息
home:通过浏览器打开一个包的github发布页
info:查看包的信息
init:创建bower.json文件
install:安装包到项目
link:在本地bower库建立一个项目链接
list:列出项目已安装的包
lookup:根据包名查询包的URL
PRune:删除项目无关的包
register:注册一个包
seArch:搜索包
update:更新项目的包
uninstall:删除项目的包



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