首页 > 网站 > WEB开发 > 正文

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

2024-04-27 15:19:21
字体:
来源:转载
供稿:网友

本笔记是我根据网上的资料总结的一个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

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

             


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表