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

2/10/2017来源:心得技巧人气:3139

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

本教程分为三个部分:

bower的介绍bower的安装bower的应用

1.bower的介绍

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

2.bower的安装

首先确保自己在电脑上已经安装了node.js和git 打开"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

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