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
安装的时候会需要两个文件夹

安装完成后记得在变量环境里把路径配好：
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，输入java和javac，看是否配置好，如果出现下面两图，则说明配置成功：

前端脚手架

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

正式搭建

前端

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

npm install -g @vue/cli

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

vue create demo

来创建vue项目了

选择Manually select features，按回车

把Router和Vuex勾上，把Linter / Formatter取消（都是用空格键选择）

选择一下Vue version为3.x后按回车

按照上图内容进行配置
出现下图这个界面就说明配置好了

按照图中的提示进行操作就能正常进入界面了：


进入http://localhost:8080/，看见下图的界面说明成功搭建：

后端

进入Spring Initializr选择如下配置

再点GENERATE生成springboot所需的依赖等。

整理