如果没有搭建spring boot以及vue:Springboot后端创建安装+连接数据库
Springboot后端创建安装+连接数据库_后端数据库连接-CSDN博客
vue前端搭建教程-创建vue项目保姆级教程_创建前端vue项目-CSDN博客
请参考以上文章
搭建SpringBoot项目三种方式(超详细版)-腾讯云开发者社区-腾讯云
:用第二种方法
如何搭建一个vue项目(完整步骤)_创建vue项目-CSDN博客
:npm不成功则(因为淘宝 NPM 镜像(registry.npm.taobao.org)的证书已经过期了)
npm config set registry https://registry.npmmirror.com
npm install -g cnpm –registry=https://registry.npmmirror.com(新)
cnpm -v

可以是这种方法,也可以用Visual Studio Code(另外)Vue vscode 创建 vue 项目流程【超详细】_vscode创建vue项目-CSDN博客
两个终端都是一样的👆
使用vue ui可以更好创建项目,修改项目

如果在启动过程中出现版本不支持<数字>(例子:java: 错误: 不支持发行版本 5)的问题参考
ERROR:JAVA: 错误: 不支持发行版本 5 解决方法-CSDN博客
直接采用第三种方法(前面两种短时间有效,第三种长期有效)
可以参考一下这篇文章,如果看不懂直接看我整理的
创建vue项目开始编写代码

进我们的vue工作空间,输入这行命令

选择手动

用空格选择以上

选2



直接回车

独立的文件↑



创建完成!
接下来参考:
Springboot+vue项目笔记(一)_springboot+vue项目笔记 卓怡-CSDN博客
以上笔记有内容没说明,如果出现:

不是驼峰的错,只需在vue.config.js里面加入:lintOnSave: false

这样放进去,就可以了
去掉APP.vue的几行,使它删除切换页面的地方

最后的结果是这样:

这样就可以创建一个属于自己的基础主页
