前端文件包管理器--bower的使用


本笔记是我根据网上的资料总结的一个bower的使用指南,这些也只是工具不必要深究其用法,只要满足我们平常的项目开发即可!

本教程分为三个部分:

  1. bower的介绍
  2. bower的安装
  3. bower的应用

1.bower的介绍

   bower是前端们使用的文件包管理器,类似于Node模块的npm包管理器,它用来帮助我们管理项目中所引入的js库或者框架等等这些静态资源,而不再需要自己手动的引入,方便我们专注于项目的业务。

2.bower的安装

  • 首先确保自己在电脑上已经安装了node.jsgit
  • 打开"cmd"窗口,输入以下命令:
    $ npm install -g bower
  • 安装好bower之后,接着输入以下命令用来查看我们刚刚安装好的bower版本信息:
    bower -v
    我们也可以在命令行中输入“bower”来查看bower常见的命令,解释如下:
        cache                   Manage bower cache(bower缓存管理)
        help                    Display help information about Bower(显示bower的帮助信息)
        home                    Opens a package homepage into your favorite browser
                               (通过浏览器打开一个GitHub发布页)
        info                    Info of a particular package(查看包的信息)
        init                    Interactively create a bower.json file(创建bower.json文件)
        install                 Install a package locally(安装包到项目)
        link                    Symlink a package folder(在本地bower库建立一个项目链接)
        list                    List local packages - and possible updates(列出项目已经安装的包)
        login                   Authenticate with GitHub and store credentials()
        lookup                  Look up a single package URL by name(根据包名查询包的URL)
        prune                   Removes local extraneous packages(删除项目无用的包)
        register                Register a package(注册一个包)
        search                  Search for packages by name(搜索包)
        update                  Update a local package(更新项目的包)
        uninstall               Remove a local package(删除项目的包)
        unregister              Remove a package from the registry
        version                 Bump a package version

3.bower的应用

  • 首先我们在左面新建一个文件夹"bowerTest";
  • 通过命令行进入到这个文件夹截图如下:


  • 这个时候我们的文件夹是空的,我们试着安装几个框架(例如jQuery和D3),运行如下命令:
    bower install jquery

 留给自己的任务:解释上面各个命令行的意思?

             

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值