前端工具——Bower

来源:互联网 发布:网络汇聚怎么做 编辑:程序博客网 时间:2024/05/18 18:01

Bower


官网:https://bower.io


安装

使用npm包管理工具

Bower requires node, npm and git.(Bower需要node, npm和git)

npm install -gd bower

或者cnpm install -gd bower

-g:参数进行全局模式安装

-d:以日志的形式输入安装进度

然后就可以使用

bower -v

查看版本号了,没有报错就是安装成功了

使用Bower

bower help

会出现如下内容

bower-help

初始化Bower

进入项目根目录中,输入如下命令进行初始化:

bower init

输入命令后,会有一个想到提示设置项目的相关信息。按需要填写就好了。完成后会在跟目录下生成一个bower.json文件。内容如下:

bower.json文件样式

我们可以在bower.json文件中进行项目的依赖管理。

在dependencies中 添加依赖。上图中

这些就是我这个项目所依赖的库文件。


安装依赖

eg:如果想安装angularjs库,只需要执行以下命令:

bower install angular --save[-S]

--save/-S参数表示安装完成后,会把angularjs和版本号添加到bower.json的dependecies配置项数组中。

--save-dev/-D参数表示安装完成后,会把angularjs和版本号添加到bower.json的devDependecies配置项数组中。

不适用参数,则不修改bower.json文件。

更新安装包

bower updata angular

搜索安装包

bower search angular

写在安装包

bower uninstall angular

查询包信息和版本

bower info angualr



更多详细的讲解可以查看官网。


原创粉丝点击