IDEA如何运行SpringBoot+Vue前后端分离的项目（超详细截图）

大家好，我是DeBug，很高兴你能来阅读！作为一名热爱编程的程序员，我希望通过这些教学笔记与大家分享我的编程经验和知识。在这里，我将会结合实际项目经验，分享编程技巧、最佳实践以及解决问题的方法。无论你是初学者还是有一定经验的程序员，我都希望能够为你提供有价值的内容，帮助你更好地理解编程世界。让我们一起探索编程的乐趣，一起成长，一起学习，谢谢你们的支持与关注！

【源码咨询】可接Java程序设计，Bug修改，项目部署。     

SpringBoot后端启动

📖☕️🌊📝📚🎩🚀📣
📖本篇超级详细案例截图教学 IDEA如何运行SpringBoot项目，图片点击可放大仔细看

☕️Java编译工具以及环境准备：

 IDEA      JDK1.8     MySQL8.0      Maven

    ​​

步骤一：配置maven

​

第一步：用IDEA打开项目，准备配置maven环境 ，当然如果本地没有提前配置好maven，就用IDEA默认的配置即可

步骤二：配置JDK环境

🎩如果代码爆红，记得检查是否配置了Java运行环境,如果本地没有配置JDK，可以直接用Idea下载网络上的JDK。

​

​

初始化数据

使用数据库连接工具先连接MySQL，连接后，右键新建数据库（我使用的是Navicat）

打开Navicat右键新建数据库。

​

新建好数据库之后右键运行sql文件，找到项目的sql文件导入即可。

​

运行项目

点击运行按钮就能直接运行，如果没有找到SpringBoot项目的启动文件，右键运行就行。

​

🚀页面输入 http://localhost:8080/ 即可访问后端接口。

前端Vue启动

步骤一：导入项目到VScode

​

步骤二：初始化项目依赖

右键打开集成终端

​

在集成终端输入命令 npm install初始化项目依赖

​

步骤三：运行前端项目

第二步项目依赖全部下载好之后，在集成终端输入 npm run serve 或者npm run dev就能运行。

​

📣非常感谢你阅读到这里，如果这篇文章对你有帮助，希望能留下你的点赞👍 关注❤️ 分享👥 留言💬thanks！！！

📚愿我们一路披风斩棘，顶峰相见！

📖☕️🌊📝📚🎩🚀
📣非常感谢你阅读到这里，如果这篇文章对你有帮助，希望能留下你的点赞👍 关注❤️ 分享👥 留言💬thanks！！！

📚愿我们奔赴在各自的热爱里！