• Bower快速学习


    什么是bower?

    Bower是一个前端类库管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的类库。

    官网:https://bower.io/

    安装bower

    使用npm,打开终端,输入:

    npm install -g bower

    开始使用

    搜索包

    bower search  包名

    查看包的信息

    bower info 包名

    bower info 报名#版本号   查看具体版本的包的信息

    安装包

    bower install 包名 <#版本号><--save>

    默认下载最新版本的包,会将所需的依赖一起下载下来。(记得加--save,会自动将下载的包的信息添加到bower.json的依赖列表中,下面会讲)。

    下载完成后,会默认存储在bower_components目录下。

    bower.json

    通过Bower下载下来的包,每个包都会带有bower.json文件,这个文件是用来描述项目的名字,版本,依赖等。

    创建bower.json的方式有两种,手工创建和bower init。

    会提示你输入一些基本信息,根据提示按回车或者空格即可,然后会生成一个bower.json文件,用来保存该项目的配置,如下:

    使用了bower.json后,方便许多,当别人拿到你的代码时只需要进行一下bower install 即可查看效果。

    执行bower install 会自动下载bower.json-->dependencies下描述的包。

    查看当前项目以安装的包

    bower list 

    该命令会自动列出当前项目中所用的包,包的版本,以及所用包目前具有的最新版本。

    更新包

    bower update

    通过修改dependencies中包的版本号,再执行bower update 即可更新包。

    卸载包

    bower uninstall  包名

    该命令会将制定的包,依赖一起卸载。

    删除项目无关的包

    bower prune

    安装某个包后,修改bower.json,将该包从dependencies里移除,再执行该命令,bower会自动检查bower.json和bower_components,将无关的包给移除。

    缓存管理

    bower cache list

    显示本地所有缓存的包。

    bower cache clean

    清空本地所有缓存的包。

    bower install 包名 --offline-save 

    从本地缓存中安装该包,并添加到bower.json的依赖列表。

    .bowerrc

    该文件用来配置当前项目中使用bower的一些默认行为。比如bower_components的目录。

    {

    "directory":"app/bower_components"

    }

  • 相关阅读:
    关于php操作windows计划任务管理
    学习: 导航器添加修饰符
    写给想学 Javascript 朋友的一点经验之谈
    Firebug Tutorial – Logging, Profiling and CommandLine (Part I)
    getElementsByClass(2)
    关于JavaScript的事件
    Javascript修改对象方法
    采用哪种方式(JS高级程序设计)
    getElementsByClass(1)
    让CSS更简洁、高效些,别再想当然了
  • 原文地址:https://www.cnblogs.com/liuchuanfeng/p/6665669.html
Copyright © 2020-2023  润新知