前后端分离项目教程

1.安装node.js （下载，安装即可）

  Node.js — Download Node.js® (nodejs.org) 

查看node.js是否安装成功

node -v

出现版本号就说明已安装成功

2.安装vue脚手架

npm i -g @vue/cli

  注：安装vue脚手架时间漫长，耐心等待

查看vue脚手架是否安装成功

vue -V

另外如果想要卸载vue脚手架（此过程可忽略）

npm uni -g @vue/cli

3.安装vscode

Download Visual Studio Code - Mac, Linux, Windows

4.打开前端项目文件（点击File，找到Open Folder...打开自己的前端项目文件）

5.导入前端项目之后，再新建终端，输入npm i（前提是第二步安装脚手架执行完）

6.第五步执行完之后 执行 npm run dev

出现这个界面前端项目执行成功，Ctrl+鼠标单击 http：//localhost:8080/跳转登录页面

下面就开始后端

7.安装jdk17(提示：我自己这个项目是需要jdk17，根据自己的需求）

JDK官网下载链接：Java Downloads | Oracle 中国

 

8.安装MySQL（MySQL Installer for Windows）

我这个是8.0版本的

 9.安装Maven(提示：需要安装依赖）依赖在我的下载资源中

Maven – Download Apache Maven

10.安装Redis

Download | Redis 

注意：Maven和Redis需要解压到自己的项目中

 

11.安装HeidiSQL

12.安装IDEA

下载 IntelliJ IDEA – 领先的 Java 和 Kotlin IDE (jetbrains.com)

把后端项目导入idea

13.idea配置JDK(一般idea自动识别jdk），配置Maven

如果jdk不会配置，参考一下图片（仅供参考）

此时项目已经配置完成，启动后端项目