Springboot+vue练手记录

准备工作

IDEA

IDEA(Ultimate)官网下载
最好是下载Ultimate的,不然后面可能会有问题。具体激活方法网上应该都有。

MySQL

MySQL官网下载
现在在官网下载可能需要注册,嫌麻烦的话,下面是8.0.19.0版本的链接
链接:https://pan.baidu.com/s/184x12AxTGn8wJQr-vUDLwg?pwd=g6cj
提取码:g6cj
Navicat官网下载
具体激活方法网上应该都有。

Java配置

JDK
去官网下载的话需要注册一个Oracle账号
一般都用的Java8,下面是链接
链接:https://pan.baidu.com/s/15e-CZV1eSHj_GjA2_y9CrA?pwd=9p3r
提取码:9p3r
安装的时候会需要两个文件夹
jdk+jre
安装完成后记得在变量环境里把路径配好:
JAVA_HOME:D:\Program Files\Java\jdk1.8.0_321
PATH里加入:%JAVA_HOME%\bin以及%JAVA_HOME%\jre\bin
不放心的话,可以再加一个CLASSPATH:%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar
配好后进入cmd,输入javajavac,看是否配置好,如果出现下面两图,则说明配置成功:
javac
java

前端脚手架

Node.js官网下载
无脑安装即可
安装结束后在cmd里输入node -vnpm -v查看是否能正确显示版本号:
node+npm

正式搭建

前端

新建一个文件夹,在地址栏输入cmd进入命令窗口,输入

npm install -g @vue/cli

创建vue插件,是用来创建vue工程的
安装好插件后就可以输入

vue create demo

来创建vue项目了
1
选择Manually select features,按回车
2
把Router和Vuex勾上,把Linter / Formatter取消(都是用空格键选择)
3
选择一下Vue version为3.x后按回车
4
按照上图内容进行配置
出现下图这个界面就说明配置好了
5
按照图中的提示进行操作就能正常进入界面了:
6
7
进入http://localhost:8080/,看见下图的界面说明成功搭建:
8

后端

进入Spring Initializr选择如下配置
1
再点GENERATE生成springboot所需的依赖等。

整理

整理

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值