从零开始-Vue+SpringBoot搭建前后端环境

目录

1.搭建前端   

2. 搭建后端

1.搭建前端

建项目

（1）打开idea 选择new Project

（2）选择js 项目 选择vue.js 点击下一步

（3）填好项目名称 项目路径 点击Finnish

（4）自己会执行install server操作 执行完会获得node_modules

（5）打开 Terminal【终端】 执行 npm run serve 编译完成后 就可以看到访问路径了

2. 搭建后端

ps：访问端口号是8082 因为笔者运行了两个vue项目 把端口占了
2搭建后端
（1） 选择file > new > p roject

（2）选择Spring initializr 在填入自己的项目名 选择存储位置 jdk 8 【根据喜欢填】点击next

（3）选择springboot版本 在选择预置依赖 web【你懂的】 thymeleaf【java引擎模板】 mysql驱动 点击finish

（4） 目录结果如下 可以看到src目录 没有被idea识别

ps ：如果没被识别到 手动标记为根目录

打开pom 文件

如果mysql驱动依赖有问题
改成这样子
如图：

（5）检查 项目 jdk 以及maven 仓库路径 以及maven install

检查jdk配置

检查maven配置

maven install

（6）配置好配置文件 笔者习惯用yml文件配置

如图：

配置如下 url 自己修改

server:
  port: 8888
spring:
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/csc_test
    username: root
    password: root

（7）点击run 看到控制台 有启动端口 和Tomcat正常启动完成了