环境准备：

Vue-cli介绍：

Vue-cli是Vue官方提供的一个脚手架，用于快速生成一个Vue的项目模板。

Vue-cli提供了如下功能：

1）统一的目录结构

2）本地调试

3）热部署（应用程序代码变动不需要再运行就可以加载最新的程序）

4）单元测试

5）集成打包上线

依赖环境：

NodeJS

Element

Element:是饿了么团队研发的，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库

组件：组成网页的部件，例如 超链接、按钮、图片、表格、表单、分页条等等。

官网：https://element.eleme.cn/#/zh-CN

前端路由：

URL中的hash(#后的部分)与组件之间的对应关系。（localhost:7000/#/dept）

Vue路由

Vue Router

介绍：Vue Router 是Vue的官方路由

组成：

VueRouter:路由器类，根据路由请求在路由视图中动态渲染选中的组件。

内包含一份路由表:

/user:UserView.vue

/emp:EmpView.vue

/order:OrderView.vue

<router-link>:请求链接组件，浏览器会解析成<a>

<router-view>:动态视图组件，用来渲染展示与路由路径对应的组件

Nginx

介绍：Nginx是一款轻量级的web服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器。其特点是占有内存少，并发能力强，在各大型互联网公司都有非常广泛的使用。

官网：https://nginx.org/

部署：

将打包好的dist目录下的文件，复制到nginx安装目录的html目录下。

启动：

双击nginx.exe 文件即可，Nginx服务器默认占用80端口号。（可以修改端口号）

访问：

http://localhost:90