node.js、npm、webpack、vue、express区分

1、node.js

Javascript的一种运行环境，相当于java的虚拟机JVM；

2、npm

nodeJs的包管理工具（package manager），相当于maven；

现在的nodeJS已经继承了npm,包括：安装、卸载、更新、查看、搜索、发布等。能解决nodeJS代码部署上的很多问题，常见的使用场景有以下几种：

• 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
• 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
• 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
• 如果我们要使用模块A，而模块A又依赖模块B，模块B又依赖模块C和D，此时npm会根据依赖关系，把所有依赖的包都下载下来并且管理起来。

3、WebPack

相当于Java的JDK中的javac编译插件，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。

• webpack做的就是分析代码，转换代码，编译代码，输出代码。
• webpack本身是一个node的模块，所以webpack.config.js是以commonjs形式书写的(node中的模块化是commonjs规范的)
• 正是因为npm的包管理，使得项目可以模块化的开发，而模块化的开发带来的这些改进确实大大的提高了我们的开发效率，但是利用它们开发的文件往往需要进行额外的处理才能让浏览器识别，而手动处理又是非常繁琐的，这就是webpack工具存在的意义。

4、vue.js（Javascript前端框架）

一套构建用户界面的渐进式的JavaScript框架。与其他并无关系，只是通过上面工具及环境进行开发、管理或打包项目而已。

5、Express（Javascript后端框架）

一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。
Express 框架核心特性：

• 可以设置中间件来响应 HTTP 请求。
• 定义了路由表用于执行不同的 HTTP 请求动作。
• 可以通过向模板传递参数来动态渲染 HTML页面