小白版：如何运行vue项目（后端＋前端）

目录

一、需要配置的环境和软件：

二、运行流程：

2.1 springboot转为jar格式

2.2 MySQL导入数据库

2.3 vue项目前端运行

---

一、需要配置的环境和软件：

vue环境、Java环境、MySQL（其中vue环境的配置折磨了作者很久，后续将其中的错误和解决方法写成博客再将链接放入）

二、运行流程：

2.1 springboot项目转为jar格式

在文件左上方的框中输入cmd回车，在cmd命令框中输入如下指令：

java -jar XXXX.jar

运行后将cmd框关掉。

然后文件夹中的文件就变成了这样：

点击刚刚转换好的jar文件，这一大步骤就算是完成了。

2.2 MySQL导入数据库

找到MySQL软件并打开，输入密码。

此时可以输入

show databases;（注意是分号不是冒号）

来查看已有的database

然后可以输入：

create database xxxx；（database名称）

接着输入：

use xx;(xx为刚刚创造的database的名字）

这时就进入到了这个database中，可以对它进行操作了。

打开已写好的SQL文件，

将有效语句复制进去就可以了。

最后可以输入：

show tables;

就可以看到database中的所有table了：

届时，数据库就算是准备好了。

2.3 vue项目前端运行

首先，点开vue文件夹：

同样，在文件左上方的框中输入cmd回车：

在cmd框中输入

npm run serve

有时会报错（红色的ERROR，作者这个时候找不到这个错误的截图了），此时可以先输入

npm install

运行完这句后再输入npm run serve 即可，此时会出现如下界面：

打开浏览器，将网址粘贴上去即可。（不要关掉cmd框哦）