Bower基本使用

来源:互联网 发布:哪里招聘淘宝客服的 编辑:程序博客网 时间:2024/06/16 22:16

简介

    在开发项目的过程中,我们通常都要用到相应的框架或js库,而很多时候,这些框架和库之间的依赖关系对于开发人员来说是比较陌生的,部署起来存在一定的难度。而bower就是用来解决这个问题的。    Bower 是 twitter 推出的一款包管理工具,基于nodejs的模块化思想,解决解决js的依赖管理。

动手试一试

1.全局安装bower

    通过命令  cnpm install -g bower    即可安装bower,安装后通过    bower –v   即可查看版本号,若存在版本本号说明安装成功。

2.安装需要的js(以bootstrap为例)

    切换到项目目录,你可以直接在命令行输入     bower install bootstrap     即可下载最新版本的bootstrap,若知道需要的版本可通过如下命令      bower install bootstrap#版本号       直接下载需要的版本,若想要知道相关软件的版本号可通过      $ bower info bootstrap    ,即可查看到相关的版本号。    此处的项目目录为空的,如下图。
    我现在需要bootstrap 3.0用作项目,可以在命令行输入    bower install bootstrap#3.0.0     ,bower就会下载bootstrap3.0以及其依赖的jquery,这就是bower的好处不需要亲自费时费力的去寻找插件之间的的依赖关系。下面是安装后的的目录。

3.引入js文件添加到项目中

    就像其他js文件引入一样引入项目就好。