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

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那样的标准化类库,一切依赖都可以远程加载,使得项目不存在系统级的依赖,不同的应用程序间也不会共享依赖,使得整个依赖树扁平易修改。

分享到:
评论

相关推荐

    Angularjs 与 bower安装和使用详解

    bower安装和使用 入门级安装 直接上手 准备工作: 安装nodejs 通过nodejs 安装cnpm 详细过程 1.安装完nodejs 执行node -v 查看版本号 项目需求(建议)4.4.7 2.执行 cnpm -v (淘宝镜像) 查看版本号 3.执行全局命令...

    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-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既可以管理基于本地资源的包,也可以管理...

    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 ...

    angular1配合gulp和bower的使用教程

    bower安装: npm install -g bower ==注:== angularjs的一些包文件我们是通过bower来管理的 二 bower使用 使用bower初始化一个项目: bower init 填写工程名,描述等等那些东西 安装angularjs:bower install –...

    ol3-bower:开放层凉亭3

    ol3-bower 凉亭 这是OpenLayers 3的非官方Bower软件包。 安装 bower install ol3-bower (--save) 您是否要安装特定的ol3版本? bower install ol3-bower#3.4.0 当前支持以下版本:3.2.1、3.3.0、3.4.0、3.5.0、...

    django-bower:在Django项目中使用Bower的简单方法

    安装安装django-bower软件包: pip install django-bower 在您的设置中将django-bower添加到INSTALLED_APPS: 'djangobower' , 将staticfinder添加到STATICFILES_FINDERS: 'djangobower.finders.BowerFinder' , ...

    ol3-dist:OpenLayers 3 的非官方 Bower 包

    安装在您使用$ npm install -g bower安装 Bower 并使用$ bower init创建一个bower.json : $ bower install --save hastebrot/ol3-dist您可以使用 Git 标签( )安装某个版本: $ bower install --save hastebrot/ol...

    grunt-bower:grunt任务,将Bower安装的软件包复制到其他文件夹

    发牢骚的鼓手 将Bower安装的组件复制到dist文件夹。入门使用以下命令在项目的旁边安装此grunt插件: npm install grunt-bower 然后将此行添加到项目的grunt.js gruntfile中: grunt . loadNpmTasks ( 'grunt-bower' ...

    bower-clean:从已安装的 bower 组件中删除文件(例如文档、测试等)

    从已安装的 bower 组件中删除文件(例如文档、测试等)。 对于匹配,它使用 minimatch。 配置 { "name": "app", "ignore": [ "**/.*", "node_modules", "test", "tests" ], "dependencies": { "jquery": ...

    bower-update:已弃用。 将Bower组件更新为真正的最新版本

    例如,如果你bower.json需要的jQuery ~2.0.0标准的bower update命令将安装2.0.9而不是2.1.0。 bower-update将安装2.1.0、3.0.0等。 安装 npm install -g bower-update 用法 只需cd到项目的根文件夹( bower.json...

    2015_boilerplate_bower:使用 bower 的 2015 样板

    请运行sass -v npm -v 指南针 -v 凉亭 -v使用 Bower 下载依赖项运行 'bower install' 来安装依赖项(将读取 bower.json 文件,并安装到 _/lib 目录中,如 .bowerrc 文件中所定义)使用 grunt 编译 SCSS: cd 进入...

    mixpanel:纯 JS 的 Mixpanel Bower 安装

    混合面板纯 JS 的 Mixpanel Bower 安装。安装$ bower install https://github.com/tanmaydesai89/mixpanel.git包括 < script type= " text/javascript " > /path/to/mixpanel.js < /script >< script ...

    project-template:使用 gulp 和 bower 的通用项目模板

    简而言之, bower从外部安装必要的资产,使用gulp将它们与项目特定的样式和脚本结合起来,优化它们,并将它们放在最终的公共文件夹中。顺便说一下,您可以从下载这次创建的。项目模板环境嗯,首先,什么样的项目很...

Global site tag (gtag.js) - Google Analytics