• bower介绍


    一. bower是什么?

    bower是twitter推出的第三方依赖管理工具。其特点是对包结构没有强制规范,也因此bower本身并不提供一套构建工具,它充当的基本上是一个静态资源的共享平台。它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源,实际项目中我们可以用它来管理项目中使用到的依赖库或框架,比如angular,bootstrap等等


    二.安装bower

    使用npm进行安装,命令如下:

    npm install -g bower

    其中-g表示全局安装

    三.开始使用

    使用help命令查看帮助

    bower init
    

      

    初始化项目,生成一个bower.js的配置文件

    执行完上图后我们可以发现,目录下多了一个bower.json文件,这就是我们生成的配置文件.

    我们可以使用该命令安装bower提供的依赖包:

    # installs the project dependencies listed in bower.json
    $ bower install
    # registered package
    $ bower install jquery
    # GitHub shorthand
    $ bower install desandro/masonry
    # Git endpoint
    $ bower install git://github.com/user/package.git
    # URL
    $ bower install http://example.com/script.js

    注意!当我们使用bower install安装依赖时,会自动读取bower.json文件中的dependencies值,按照其中定义的依赖自动安装.刚开始执行bower init时,我们的bower.json中的dependencies依赖项是空的,我们可以打开bower.js文件进行编写依赖项.若我们使用bower install <packgename>来进行安装,则会在当前路径生成bower_compentens目录,该目录下是用来存放所有通过bower安装的第三方依赖的.但是我们更应该使用bower install --save <packgename>来进行安装依赖,因为这样会把项目中用到的依赖也写进bower.json中的dependencies字段.

    bower uninstall <packgename>

    同样我们使用如上的命令来进行依赖包的卸载,注意还是最好加上--save来更改bower.json文件.

    PS D:> bowerhelp
     
    Usage:
     
        bower <command> [<args>] [<options>]
    Commands:
     
        cache                  Managebowercache
        help                    DisplayhelpinformationaboutBower
        home                    Opens a package homepageintoyourfavoritebrowser
        info                    Infoof a particularpackage
        init                    Interactivelycreate a bower.jsonfile
        install                Install a package locally
        link                    Symlink a package folder
        list                    Listlocalpackages - and possibleupdates
        login                  AuthenticatewithGitHuband storecredentials
        lookup                  Lookup a package URLbyname
        prune                  Removeslocalextraneouspackages
        register                Register a package
        search                  Searchfor a package byname
        update                  Update a localpackage
        uninstall              Remove a localpackage
        unregister              Remove a package fromtheregistry
        version                Bump a package version
    Options:
     
        -f, --force            Makesvariouscommandsmoreforceful
        -j, --json              OutputconsumableJSON
        -l, --loglevel          Whatleveloflogsto report
        -o, --offline          Do not hitthenetwork
        -q, --quiet            Onlyoutputimportantinformation
        -s, --silent            Do not outputanything, besideserrors
        -V, --verbose          Makesoutputmoreverbose
        --allow-root            Allowsrunningcommandsas root
        -v, --version          OutputBowerversion
        --no-color              Disablecolors
    See 'bower help <command>' for moreinformationon a specificcommand.

    上面help 信息列出 bower 提供的命令:

    • cache:bower缓存管理
    • help:显示Bower命令的帮助信息
    • home:通过浏览器打开一个包的github发布页
    • info:查看包的信息
    • init:创建json文件
    • install:安装包到项目
    • link:在本地bower库建立一个项目链接
    • list:列出项目已安装的包
    • lookup:根据包名查询包的URL
    • prune:删除项目无关的包
    • register:注册一个包
    • search:搜索包
    • update:更新项目的包
    • uninstall:删除项目的包
  • 相关阅读:
    Mysql的transaction实现(转)
    开启博客模式。
    chromium获取代码和编译
    Chrome的Crash Report服务
    chromiun 学习《二》 目录结构 +启动流程
    CreateCompatibleDC与BitBlt 学习
    字符编码
    chromiun 学习《一》
    毕业后的一段日子
    学习计划
  • 原文地址:https://www.cnblogs.com/Likebard/p/6947176.html
Copyright © 2020-2023  润新知