SpringBoot框架集成Vue

一、部署vue环境

1. 创建并运行vue项目

​ 1）进入想要创建项目的目录，在地址栏中输入 【cmd】


​ 2）输入命令创建vue项目：【vue create 项目名】

​ 3）方向键选择第三个选项，按 Enter键

​ 默认选项如下：

​ 4）勾选选项，vue选择2.x版本


​ 5）询问路由器是否使用历史记录模式，输入Y/y后按Enter

​ 6）询问配置放在哪里，选【In package.json】

​ 7）是否保存这个设置？选N/n

​ 8）等待安装完成

9）安装完毕后，cd进入刚刚创建的目录，输入 【npm run serve】运行vue项目

​ 项目部署完毕后，即可通过给出的路径访问：

2. Vue2 集成 ElementUI

​ 1）IDEA打开创建的Vue项目

​ 2）打开 Terminal 控制台

​ 3）安装 ElementUI
​ 打开 ElementUI 官网，找到安装命令后粘贴到控制台并运行
​ ElementUI 官网：https://element.eleme.cn/#/zh-CN/component/installation
​ 安装：npm i element-ui -S



​ 安装完毕后，可以在 package.json 中 看到其版本