众所周知,npm(Node Package Manager)是nodejs时代不可或缺的最好的包管理器,现在已经随nodejs官方包同时会安装到你的设备上去。只要给项目书写好package.json放于项目根目录,在重新部署之时只需要执行
npm install
一行简单的命令,所有相关的依赖就能够自动安装到项目目录下面,并且还能很方便的对不同项目的不同依赖包版本进行良好、统一的管理。
关于NPM的具体使用已经不需更多赘述,可以自行参考这篇文章 http://www.infoq.com/cn/articles/msh-using-npm-manage-node.js-dependence
重点来说说NPM和Twitter推出的名为 Bower 的包管理器之间到底有什么样的关系和区别呢?(Bower的官网写到,Bower 是 "A package manager for the web" ,难道说NPM就不是了嘛)。
其实,在实际项目中,NPM和Bower都会被运用进去。并且Bower的安装和升级全都依赖于NPM,使用如下命令就可以全局安装Bower
npm install -g bower
之后你就可以使用
bower install [#]
类似于NPM的方式,对于当前项目进行前端依赖的相关管理。使用起来和NPM一样方便快捷。
其中,与NPM最大的区别在于,NPM主要运用于Node.js项目的内部依赖包管理,安装的模块位于项目根目录下的node_modules文件夹内。而Bower大部分情况下用于前端开发,对于CSS/JS/模板等内容进行依赖管理,依赖的下载目录结构可以自定义。
有人可能会问,为何不用NPM一个工具对前后端进行统一的依赖管理呢? 实际上,因为npm设计之初就采用了的是嵌套的依赖关系树,这种方式显然对前端不友好;而Bower则采用扁平的依赖关系管理方式,使用上更符合前端开发的使用习惯。
不过,现在越来越多出名的js依赖包可以跨前后端共同使用,所以Bower和NPM上面有不少可以通用的内容。实际项目中,我们可以采用NPM作用于后端;Bower作用于前端的组合使用模式。让前后端公用开发语言的同时,不同端的开发工程师能够更好地利用手上的工具提升开发效率。
转载自:http://www.hlqf.net/archives/139.html
相关推荐
代理 npm-bower 一个简单的 Dockerfile,它将为 npm 和 bower 启动一个 nginx 反向代理。 这是为了帮助我们加快构建速度,即使 npm 或 bower 关闭也让我们构建。用法docker run -d firstandthird/proxy-npm-bower ...
composer-asset-plugin, Composer的npm/Bower 依赖管理器 Composer的 npm/Bower 依赖管理器 Composer 资产插件允许你在不安装NPM或者 Bower的情况下管理 composer.json 中的项目资产( css,js,等等 ) 。这个插件...
发电机打字稿NPM Bower Yeoman生成器,用于创建TypeScript节点模块(客户端/服务器)和Bower组件让我们以最佳实践快速建立一个项目自动api文档。 单元测试范围。 各种代码质量步骤。目录 问题变更日志执照 安装首先...
这是一个很好的示例,说明如何一起使用npm,bower,grunt来管理html页面的所有javascript和css依赖项。 =======用法示例: 步骤1:运行npm install到instll npm软件包。 步骤2:运行bower install安装Bower软件包...
前端文件结构该项目是前端开发人员的基本模板,具有使用gulp.js,npm和bower的完美文件结构您还可以使用npm和bower库见右侧HTML 魔法project└── assets ├── css │ ├── build │ └── src ├── fonts...
《客户端依赖管理——使用Gradle整合NPM、Bower与Git》 在现代Web开发中,客户端依赖管理是至关重要的,它确保了项目所依赖的各种库和框架能够正确且高效地安装和更新。本文将深入探讨如何利用Gradle构建工具,结合...
NPM / Bower Dependency Manager for Composer Composer Asset Plugin允许您在composer.json管理项目资产(css,js等),而无需安装NPM或Bower。 该插件通过将软件包信息从NPM或Bower转换为Composer的兼容版本来...
总结 npm 和 bower 依赖项,以便您可以给予信任。 安装 $ npm install credits-to 特征 仅收集已安装信息,即 package.json,bower.json/.bower.json 必须存在 收集所有版本、许可证和存储库 规范化存储库 url ...
bower-angular, 面向AngularJS的Bower 软件包 封装的Angular这里 repo 用于 npm 和 bower 上的分发。 这个模块的源是在主 AngularJS repo 中。 请针对该 repo 文件和请求请求。安装你可以使用 npm 或者 bower 安装这...
NodeJs软件包管理器是您的npm和Bower软件包的组织者。 因此,我们可以调用npm程序包管理器和bower程序包管理器。它非常容易检查,升级或降级程序包,这些程序最初是在单击过程中指定的。 您可以根据其版本访问...
检查软件包名称在npm和bower上是否可用 安装 $ npm install --save pkg-name 用法 var pkgName = require ( 'pkg-name' ) ; pkgName ( 'chalk' , function ( err , available ) { console . log ( available ) ; ...
这个软件包提供了常见的setuptools命令实用工具,如果你需要初始化你的包npm , bower或gulp命令。 用法 您应该在自己的包中创建类似Yeoman项目文件夹(例如: your_package/templates )。 将build_commands依赖...
bower-angular-animate, 用于AngularJS动画模块的Bower 软件包 封装的角度动画这里 repo 用于 npm 和 bower 上的分发。 这个模块的源是在主 AngularJS repo 中。 请针对该 repo 文件和请求请求。安装你可以使用 npm ...
凉亭模板 用于凉亭开发的Visual Studio模板。... 打开并保存package.json以安装npm软件包打开并保存bower.json以安装Bower软件包打开并保存gulpfile.json以设置gulp任务 运行_bowerCopy任务_bowerCopy以
前端样板Frontent Boiler Plate - 使用 NPM、Bower、Gulp、Jade、Scss 如果您要构建前端项目,这是一个很好的起点。 它使用 gulp 编译所有源文件并将它们放入公共文件夹中。建立 $ sudo npm install -g bower$ sudo ...
**miruken-es5-angular** 是一个专门为JavaScript开发者设计的NPM和Bower软件包,它提供了对Miruken框架和AngularJS的集成支持。这个包的目的是简化在Angular应用程序中使用Miruken的流程,使得开发过程更加高效且...
这个模板集成了npm(Node Package Manager)、bower(前端包管理器)以及grunt(自动化工具),这些都是现代JavaScript开发中常用的工具。 首先,我们来详细了解一下这些工具: 1. **npm**:全称为Node.js Package...
从npm,bower或Ember应用程序中的其他任何位置导入ES6模块。 目录 要求 ember-cli@3.6及更高版本。 对于旧版本的ember-cli ,请使用此插件的0.0.*版本。 为什么 Ember目前缺乏导入和转译外部ES6模块的官方支持。 ...
【csWeb-dist】是针对`csWeb`项目的一个专门存储npm和bower软件包的仓库。这个仓库主要用于管理和分发与`csWeb`相关的JavaScript库和资源,使得开发者能够方便地在自己的项目中集成和使用`csWeb`的功能。`csWeb`本身...
完美双性尝试使用Vagrant,草编文件,DrupalVM,Gulp,NPM,Bower,Sass等在完善的Drupal项目中进行尝试。 该项目的目标是仅对vagrantfile(或config),make文件和自定义源代码进行源代码控制文件说明Vagrantfile- ...