`
cuiyadll
  • 浏览: 203976 次
文章分类
社区版块
存档分类
最新评论

bower的安装与使用

阅读更多

现在github上很多例程都使用bower来管理前端的通用依赖库,比如jquery, bootstarp, angularjs等等。

bower的安装

首先确定你的系统安装了nodejs。之后就可以用npm包管理工具下载并全局安装bower:
> npm install -g bower

全局安装Bower后,可以查看Bower的帮助信息,使用命令:
> bower help

bower的使用

使用了bower的项目都会在目录下有一个bower.json文件。在该文件同级目录下,使用如下命令即可安装相关依赖库。

> bower install

注:bower下载安装依赖库实际上是使用git进行下载。对于linux系统,由于默认都有安装git,所以一般没问题。但是windows系统一般没有git。在windows系统下需要确定安装了git客户端,建议使用同捆的git bash命令行来执行bower install命令。或者把git目录加入windows的环境变量中,再在命令行中执行bower install命令。

使用bower安装某个特定类库,例如jquery:

> bower install jquery

使用bower更新某个特定类库,例如jquery:

>bower update jquery

删除包,例如jquery (如果包已经被依赖,则不能删除)

>bower uninstall jquery

更多的命令请用help查看。

>bower help

更多的参考:

http://blog.fens.me/nodejs-bower-intro/

bower的野望

包管理是个复杂的问题,我们要知道谁依赖谁,还要明确哪个版本依赖哪个版本。这些对于开发人员来说,负担过重了。bower作为一个js依赖管理的工具,提供一种理想包管理方式,借助了npm的一些思想,为我们提供一个舒服的开发环境。

bower虽然现在看起来只是一个前端包管理工具,实际上其目标是commonJS规范的一部分,即最终给javascript提供一个类似ruby, python,java那样的标准化类库,一切依赖都可以远程加载,使得项目不存在系统级的依赖,不同的应用程序间也不会共享依赖,使得整个依赖树扁平易修改。

分享到:
评论

相关推荐

    Bower一个web应用的包管理器

    ### 安装与配置Bower 首先,你需要在系统中安装Node.js,因为Bower是作为Node.js的npm(Node包管理器)的一个包发布的。安装好Node.js后,可以通过命令行运行以下命令全局安装Bower: ```bash npm install -g ...

    bower_components

    ### Bower的安装与使用 首先,你需要在你的开发环境中安装Node.js,因为Bower是作为Node.js的全局可执行模块来使用的。通过npm,你可以简单地运行以下命令来安装Bower: ```bash npm install -g bower ``` 安装...

    Angularjs 与 bower安装和使用详解

    **AngularJS 与 Bower:安装与使用详解** 在现代前端开发中,AngularJS 和 Bower 是两个重要的工具。AngularJS 是一个强大的 JavaScript 框架,用于构建动态 web 应用程序,而 Bower 是一个包管理器,用于管理和...

    CentOS7系统下bower 命令权限问题

    CentOS7系统下bower命令权限问题解决方法 CentOS7系统下bower命令权限问题是由于bower命令不支持sudo权限执行所...正确使用bower命令需要将bower命令安装在普通用户的home目录下,并且避免使用sudo权限执行bower命令。

    bower-1.6.8

    ### 安装与配置 要在项目中使用Bower,首先需要全局安装它。这可以通过Node.js的包管理器npm来完成,运行以下命令: ```bash npm install -g bower ``` 然后,在项目根目录下创建`bower.json`文件,用以记录项目...

    bower-angular, 面向AngularJS的Bower 软件包.zip

    bower-angular, 面向AngularJS的Bower 软件包 封装的Angular这里 repo 用于 npm 和 bower 上的分发。 这个模块的源是在主 AngularJS repo 中。...安装你可以使用 npm 或者 bower 安装这个软件包。 n

    bower-browser, 在web浏览器上,GUI Bower 管理器运行.zip

    bower-browser, 在web浏览器上,GUI Bower 管理器运行 bower浏览器Bower 管理器在浏览器上运行 特性从 Bower 注册表搜索安装带有各种选项的软件包实时监控日志管理本地 Bower 组件 安装通过npm安装。$ npm install

    前端开源库-bower-files-cli

    使用`bower-files-cli`之前,确保已经安装了Bower和Node.js。然后,可以通过npm全局安装`bower-files-cli`,命令如下: ```bash npm install -g bower-files-cli ``` 安装完成后,可以在项目根目录下运行`bower-...

    bower-package-manager:Bower安装并初始化所需的组件

    安装Bower要安装Bower,您需要在计算机上安装node.js。 要检查是否有,请打开命令行界面(CLI)并键入节点-v 跟踪所有这些软件包并确保它们是最新的(或设置为我们需要的特定版本)非常棘手。 凉亭来救援! Bower...

    bower-angular-animate, 用于AngularJS动画模块的Bower 软件包.zip

    bower-angular-animate, 用于AngularJS动画模块的Bower 软件包 封装的角度动画这里 repo 用于 npm 和 bower 上的分发。 这个模块的源是在主 AngularJS repo 中。...安装你可以使用 npm 或者 bower 安装这个软件包。 npm

    grunt-bower-task, 面向 Bower的Grunt插件.zip

    grunt-bower-task, 面向 Bower的Grunt插件 grunt-bower-task 安装 Bower 软件包明智地安装。正在启动注意:如果你以前没有使用过 grunt,那么一定要检查一下 guide指南 guide 。 请注意,这里插件仅使用 grunt 的

    laravel-bower:自动加载所有通过 Bower 安装的 HTML 依赖项(即 jscss 资产)

    Laravel 凉亭组件自动加载通过 Bower 安装的所有前端依赖项(即 js/css 资产)。 组件将自动排序,以便组件所需的依赖项在它们之前加载。安装需要 Composer 这个包: composer require kosiec/laravel-bower更新 ...

    Web开发组件管理器Bower.zip

    该工具主要用来帮助用户轻松安装CSS、JavaScript、图像等相关包,并管理这些包之间的依赖。功能有些类似于Component。不同之处是,Component是围绕GitHub系统构建的,而Bower既可以管理基于本地资源的包,也可以管理...

    Demo-bower-master.7z

    `Demo-bower-master.7z` 是一个使用 Bower 包管理工具创建的演示项目压缩包。Bower 是一个前端资源管理和分发的工具,它允许开发者方便地查找、安装和管理前端组件,如 JavaScript 库、CSS 框架、图片和其他静态资源...

    前端开源库-assets-bower-ci-legacy

    **Bower** 是一个流行的前端包管理器,允许开发者方便地安装、管理和更新JavaScript库、CSS框架、图片和其他前端资源。它使用JSON格式的`bower.json`文件来定义项目的依赖关系,并通过命令行工具进行操作。通过Bower...

    rollup-plugin-bower-resolve:将 bower 解析算法与 Rollup 结合使用

    rollup-plugin-bower-resolve 使用 bower 解析算法定位模块,以便在您的 bower 组件目录中使用第三方模块。安装npm install --save-dev rollup-plugin-bower-resolve用法 import { rollup } from 'rollup' ;import ...

    前端开源库-gulp-bower

    1. 安装Gulp.js和Bower:首先确保你已经安装了Node.js,然后通过npm(Node包管理器)全局安装gulp-cli和本地安装gulp、bower。 ``` npm install -g gulp-cli npm install --save-dev gulp bower ``` 2. 安装...

    angular1配合gulp和bower的使用教程

    使用以下命令可以安装 Gulp 和 Bower: `npm install -g gulp` `npm install -g bower` 使用 Bower 初始化项目 使用 Bower 初始化项目非常简单。首先,我们需要使用以下命令创建一个新的 Bower 项目: `bower ...

    前端开源库-resolve-bower

    使用`resolve-bower`,开发者可以轻松地在项目中引用Bower安装的依赖,而无需手动管理每个包的路径。这大大提高了开发效率,特别是在大型项目或者有多个依赖的情况下。同时,由于它支持异步和同步两种方式,开发者...

Global site tag (gtag.js) - Google Analytics