npm是nodejs的“包管理工具”，说白了，就是托管我们第三方的服务器，上面提供一系列的下载，版本管理的功能服务。
npm用于node包管理（包括安装、卸载、管理依赖等）, npm是随同nodejs一起安装的包管理工具，能解决nodejs代码部署上的很多问题。使用场景有以下3种：
1、允许用户从npm服务器下载别人编写的第三方包到本地使用。
2、允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用。
3、允许用户将自己编写的包或命令行程序上传到npm服务器供别人使用。
想要使用一个第三方包只要通过npm安装就可以直接用，不用去管代码存在哪里，应该从哪里下载，而且可以自动去根据包的依赖关系，把所有依赖的包都下载下来并管理起来，免去人为管理复杂的包之间的依赖关系。
cnpm是淘宝npm的镜像
npm安装插件是从国外服务器下载，受网络影响大，可能出现异常，所以乐于分享的淘宝团队干了这事。用法和npm一样，使用文档看 npm官网。
Bower是前端的“包管理工具”。它能够帮我们管理web站点上的各种框架，类库等等。主要作用有如下：能够帮助我们跟踪前端包，并且保证他们是最新（或者是你指定的特定版本），Bower能够管理前端里面的HTML,CSS,JS，甚至还可以是图片等。Bower还有一个最大的好处，它对我们前端进行了优化。如果多个包依赖于一个包，例如jQuery，那么Bower将只下载jQuery一次，这样就称为扁平依赖，它有助于减少页面加载，Bower官网。
npm和Bower二者功能上是一样的，Bower偏重于web前端。因为npm采用了的是嵌套的依赖关系树，这种方式显然对前端不友好；而Bower则采用扁平的依赖关系管理方式，使用上更符合前端开发的使用习惯。而且npm安装的模块位于项目根目录下的node_modules文件夹内。而Bower对于CSS、JS模板等内容进行依赖管理，依赖的下载目录结构可以自定义。
在实际项目中，npm和Bower都会被运用进去。并且Bower的安装和升级全都依赖于npm，使用如下命令就可以全局安装Bower
npm install -g bower
之后你就可以使用
bower install （你想要的包）
Bower使用起来和npm一样的方便。
PS：
gulp是工具链，可以配合各种插件做js压缩，css压缩，less编译等工作
webpack是文件打包工具，可以把项目的各种js文、css文件等打包合并成一个或多个文件
bower是包管理器，用来管理你项目里的那些外部依赖的。