在文章前，有些JavaScript的概念需要了解。我是Java出身，比较容易与Java里面的概念和JavaScript进行对应，所以结合Java的概念我们讲解JavaScript概念。

JavaScript

JavaScript对应Java，是一门语言。JavaScript 是 Web 的编程语言，现代的 HTML 页面都使用 JavaScript，也许很多人是通过jQuery才慢慢接触到JavaScript的。

V8引擎

V8引擎对应JVM，是语言的运行引擎。V8引擎是一个JavaScript引擎实现，最初由一些语言方面专家设计，后被谷歌收购，随后谷歌对其进行了开源。

nodejs

nodejs对应JRE，是语言基础+基础工具包的运行环境。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。

npm

npm对应Java的maven，对JavaScript进行包管理。

Vue

Vue对应spring，是语言的开发框架。Vue是一套用于构建用户界面的渐进式框架。Vue的MVVM模式实现的视图、模型、逻辑的分离，通过逻辑操作数据模型的变化，界面视图根据模型更新变化。Vue的简易和便捷，国内众多前端项目采用Vue进行搭建。

Vue CLI

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：

通过 @vue/cli 实现的交互式的项目脚手架。
通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。
一个丰富的官方插件集合，集成了前端生态中最好的工具。
一套完全图形化的创建和管理 Vue.js 项目的用户界面。
一个运行时依赖 (@vue/cli-service)，该依赖：
- 可升级；
- 基于 webpack 构建，并带有合理的默认配置；
- 可以通过项目内的配置文件进行配置；
- 可以通过插件进行扩展。

Vue cli3对比Vue cli2 进行简化，构建工程后，通过vue.config.js进行配置。工程的常见文件介绍如下：

package.json：主要是相关依赖配置；
vue.config.js：webpack配置，css ，路由，校验的Loader加载，服务启动配置等；
.env.production：默认build的环境配置，变量以"VUE_APP_"开头，NODE_ENV除外；
.env.development：默认serve的环境配置，跟production类似；
src目录：源码目录。

Vue Router

Vue.js 官方的路由管理器，Vue单体页面工程里面采用Vue Router进行界面跳转。

Vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。