美文网首页
npm和bower

npm和bower

作者: LiLi原上草 | 来源:发表于2017-07-17 11:57 被阅读0次

npm属于node模块的管理器。

spm和bower是前端模块管理。

bower 的话,从一开始,就是专门为前端表现设计的包管理器,一切全部为前端考虑的。npm 和bower 的最大区别,就是 npm 支持嵌套地依赖管理,而 bower只能支持扁平的依赖(嵌套的依赖,由

程序员自己解决)。

嵌套依赖,指的就是,你依赖的软件包,还有它自己的依赖,好像摘葡萄,一摘一大串。在服务器环境的时候,这并没什么关系,因为存储空间够大,一切代码都是本地运行,只要解决完依赖就行了,

但是到了用户产品的浏览器里,就很成问题了,你不能让用户去下载好几M的js代码,那就太糟糕了。在这个情况下,就需要程序员自己手动解决用到的类库的嵌套依赖问题。比如确保各种各样的插件

都依赖同一个版本的jQuery。

npm

bower

Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具,如YeoMan和Grunt,这个会在以后的文章中介绍。

准备工作

  1. 安装node环境,node.js
  2. 安装git,bower从远程git仓库获取代码包

安装

$ npm install -g bower

初始化文件

$ bower init

生成如下文件

{
  "name": "project",
  "authors": [
    "lidaze <mail@lidaze.com>"
  ],
  "description": "hahhaha",
  "main": "index.js",
  "keywords": [
    "haha"
  ],
  "license": "MIT",
  "homepage": "index.html",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ]
}

包的安装

$ bower install --save jquery

包的信息

$ bower info jquery

包的更新

$ bower update

包的查找

$ bower search bootstrap

包的卸载

$ bower uninstall jquery

相关文章

  • angular1配合gulp和bower使用

    一 安装gulp和bower gulp安装: npm install -g gulp bower安装: npm i...

  • vue2.0之axios

    安装 使用 bower: $ bower install axios 使用 npm: $ npm install ...

  • bower笔记

    # bower 全局安装 npm install -g bower # bower 初始化 bower init ...

  • npm和bower

    npm属于node模块的管理器。 spm和bower是前端模块管理。 bower 的话,从一开始,就是专门为前端表...

  • 使用bower安装vue

    1、安装bower —— npm bower -g (bower是一个类似于npm的包管理工具,只不过npm更...

  • axios

    一、安装 1、 利用npm安装npm install axios --save 2、 利用bower安装bower...

  • axios

    一、安装 1、 利用npm安装npm install axios --save2、 利用bower安装bower ...

  • Ionic+ngCorodva 实现手机震动功能

    ngCordova安装 安装bower(方便安装ngCordova):npm install -g bower 安...

  • bower 下载第三方类库

    bower 下载第三方类库 首先下载bower类库 npm i -g bower bower i angular ...

  • Bower的使用

    1 Bower简介 Bower官网 其功能和npm类似.利用bower可以管理插件/类库.是1个前端包管理工具. ...

网友评论

      本文标题:npm和bower

      本文链接:https://www.haomeiwen.com/subject/axzbhxtx.html