springboot+vue练⼿⼩项⽬：[前台搭建+后台编写]（⾮常详细）
[ springboot+vue练⼿⼩项⽬ ]
技术栈： springboot+vue3+element-plus +Mybaties-plus+hutool
+mysql8
项⽬介绍 ：最近刚学了springboot+vue，就想着做⼀个⼩的前后端分离的练⼿项⽬，简单的后台管理页⾯，有基本的登陆注册+增删改查，后⾯具体的模块等需要的时候的再进⾏完善，这只是⼀个练⼿项⽬，如果⼤家运⾏不出来或者有疑问，欢迎交流。
我是个菜鸟，也不太会写⽂章，若有不⾜欢迎指正。
1.环境搭建
1.安装node环境,npm,cli，这⾥不再赘述
2.在指定⽂件夹使⽤cmd指令创建项⽬:vue create springboot-vue-demo
3.选择Manually select features
4.选择路由和vuex，这⾥未选择了eslint语法检测[外链图⽚转存失败，源站可能有防盗链机制，建议将图⽚保存下来直接上传
5.选择3.x版本[外链图⽚转存失败，源站可能有防盗链机制，建议将图⽚保存下来直接上传
6.输⼊y (路由信息为history，)[外链图⽚转存失败，源站可能有防盗链机制，建议将图⽚保存下来直接上传
7.选择In package.json
8.是否保存配置
9.创建，启动项⽬
10.启动成功，浏览器输⼊8080端⼝进⾏访问
11.在idea打开项⽬，配置vue启动
选择npm，在npm中Script选项中输⼊serve
之后就可以点击启动键，快捷启动项⽬了
安装vue插件
2.项⽬基本布局
1.引⼊Element-plus（基于vue3.x版本）
在idea终端输⼊指令引⼊Element-ui依赖
项⽬中引⼊Element-ui，main.js⽂件中引⼊Element-plus
2.删除HelloWorld组件，删除App.vue的多余部分
在components中创建Header组件 在App.js中引⼊vue element admin
创建css⽂件夹，创建global.css⽂件，在main.js中引⼊全局css样式

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。