创建springboot+mybatis+redies+vue项目流程记录(1)

本文介绍了如何使用IDEA创建一个SpringBoot项目,包括选择项目名称、JDK版本和打包方式,以及添加必要的依赖。接着展示了配置application.yml文件连接数据库,并使用IDEA内置工具连接MySQL。此外,还阐述了在同一文件夹下创建Vue项目的过程,选择了预设功能和项目配置,最后成功创建Vue项目并安装了element-plus和axios插件。整个过程详细说明了前后端项目的初始化步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一:使用IDEA创建springboot项目:
输入项目名称,选择位置,需要版本管理就勾选创建Git仓库,选择JDK版本,选择打包方式(为了后续部署服务器做准备)
在这里插入图片描述
勾选自己需要的依赖(后续有需要再利用maven引入也可以),本次项目不涉及Spring Cloud
在这里插入图片描述
点击创建
创建成功:
在这里插入图片描述
链接数据库:
编辑配置文件:
.properties写起来比较麻烦,定义一个application.yml文件

配置一下redis,数据库,端口等信息(我这里没有填数据库名字)
在这里插入图片描述

使用IDEA自带的数据库工具:
在这里插入图片描述
输入用户名,密码,数据库名称后,成功链接:
在这里插入图片描述

二:创建vue项目:
最好是在与springboot项目相同的文件夹,这样后面处理方便一点

打开终端,输入

vue ui

关于vue的安装配置,我就不赘述了,本站有许多文章

打开创建界面:
在这里插入图片描述

在这里插入图片描述
点击“创建”,输入项目名称
在这里插入图片描述
选择自定义预设,进入功能页面,选择需要的功能
在这里插入图片描述

配置一下项目的vue版本和代码书写风格
在这里插入图片描述
最后点击创建项目就可以了
创建项目成功:
在这里插入图片描述
如果有需要的插件或者是依赖,直接到对应的页面加入就可以了(但是似乎并不是很管用,毕竟是beta版本,解决办法就是可以使用yml进行安装)

下图额外安装了element plus和axios
在这里插入图片描述
在这里插入图片描述
创建好的vue项目可以使用IDEA打开(懒得再搞WebStorm了,毕竟IDEA也不是不能用)
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值