本笔记是我根据网上的资料总结的一个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 version3.bower的应用
首先我们在左面新建一个文件夹"bowerTest";通过命令行进入到这个文件夹截图如下:这个时候我们的文件夹是空的,我们试着安装几个框架(例如jQuery和D3),运行如下命令:bower install jquery 留给自己的任务:解释上面各个命令行的意思?
新闻热点
疑难解答