新普京网站-澳门新普京 > 新普京网站 > bower一个强大的前端依赖包管理工具,Web前端开发工具

bower一个强大的前端依赖包管理工具,Web前端开发工具

2020/01/05 01:39
  1. 如果需要更新所以的库,我们可以输入以下命令

  然后通过

b)文件存储:确定文件存放的位置,下载的时候可以找到,当然这个地址在网络上是可访问的。

  3. NPM主要运用于Node.js项目的内部依赖包管理,安装的模块位于项目根目录下的node_modules文件夹内。而Bower大部分情况下用于前端开发,对于CSS/JS/模板等内容进行依赖管理,依赖的下载目录结构可以自定义。  -- 本段内容是在网上找到的。

a)注册机制:每个包需要确定一个唯一的 ID 使得搜索和下载的时候能够正确匹配,所以包管理工具需要维护注册信息,可以依赖其他平台。

  它们的结构就像这样:

  1. npm 会将开发环境一起下载下来,bower 只会下载 编译后的前度模块。

 

{"name": "down","authors": ["xxxxxxxx"],"description": "","main": "","moduleType": [],"license": "MIT","homepage": "","private": true,"ignore": ["**/.*","node_modules","bower_components","test","tests"],"dependencies": {"bootstrap": "^3.3.6","less": "^2.6.1","jquery": "^2.2.2"}}

bower与npm的关系

3. NPM主要运用于Node.js项目的内部依赖包管理,安装的模块位于项目根目录下的node_modules文件夹内。而Bower大部分情况下用于前端开发,对于CSS/JS/模板等内容进行依赖管理,依赖的下载目录结构可以自定义。 -- 本段内容是在网上找到的。

  在介绍之前,你必须的知道bower是基于nodejs开发的,所以你首先必须得有个nodejs环境,至于这么安装nodejs网上一大堆教程,对了使用bower还需要安装git,这里就不多说了。

npm install -g bower 表示安装到全局环境

 

它会在bower.json文件中加入jquery的版本信息,如果你想添加多个可以通过空格bower install jquery bootstrap less --save

    xxxxxxxxxjQuery

bower的使用

   安装bower需要通过npm来安装

Bower 是 twitter 推出的一款包管理工具,基于nodejs的模块化思想,把功能分散到各个模块中,让模块和模块之间存在联系,通过 Bower 来管理模块间的这种联系。

  bower除了这些好处以为,还有一些更加强大的功能,那就需要大家去发现了,我这里就不再介绍了,毕竟我也是刚刚开始学习node

bower与npm的区别:

 

bower update

###bower的安装

由于bower是基于nodejs开发的,所以你首先必须得有个nodejs环境,至于这么安装nodejs网上一大堆教程,对了使用bower还需要安装git,这里就不多说了。

    bower install (包的名称如:jquery)[#版本如:#1.7] 版本可选,如果没有写,默认下载最新版
    如:bower install bootstrap#2.2

所谓的自定义目录结构的意思是说,你在那个文件目录打开的bower,那么它就会在那个文件下,下载你需要的包,而npm就不支持这个。

  当然如果你是nodejs新手或许你会有些茫然,因为这里并不是一个nodejs基础教程,如果你想了解想学node的话还需要到网络中学习。

------------------------------------------------------分割线---------------------------------------

###bower的使用

总结:我们可以简单的来理解npm是用来管理nodejs模块的也就是包,而bower是用来管理我们前端库的。

    bootstrapjQuery

bower的安装

  npm install -g bower 表示安装到全局环境

bower带来的好处

 

它们重复了对吧,不过好像在npm的最新版本中解决了这个问题。

 

上一篇:10事件管理澳门新普京: 下一篇:JavaScript面向对象程序设计教程_javascript技巧_脚本之家