1. 项目初始化

此初始化是 刚开始生成SpringBoot3 和 Vue3 项目的
此后还有依赖需要导入，但在此节不展示

后端

使用jdk17 SpringBoot3 SpringSecurity

注意

1. 选择这些依赖，下一步即可
2. 有些东西我们用不上，删掉即可
3. application.properties 改成application.yml

目录结构

后端启动页面

前端

采用Vue3 TS

初始化命令

npm create vue@latest

以下是选择的东西，按照这个来就可以

PS C:\Users\Administrator.DESKTOP-L4GL8RS\WebstormProjects> npm create vue@latest
Need to install the following packages:
  create-vue@3.10.3
Ok to proceed? (y) y

Vue.js - The Progressive JavaScript Framework

√ 请输入项目名称： ... forum-fronted
√ 是否使用 TypeScript 语法？ ... 否 / 是
√ 是否启用 JSX 支持？ ... 否 / 是
√ 是否引入 Vue Router 进行单页面应用开发？ ... 否 / 是
√ 是否引入 Pinia 用于状态管理？ ... 否 / 是
√ 是否引入 Vitest 用于单元测试？ ... 否 / 是
√ 是否要引入一款端到端（End to End）测试工具？ » 不需要
√ 是否引入 ESLint 用于代码质量检测？ ... 否 / 是
√ 是否引入 Prettier 用于代码格式化？ ... 否 / 是
√ 是否引入 Vue DevTools 7 扩展用于调试? (试验阶段) ... 否 / 是

正在初始化项目 C:\Users\Administrator.DESKTOP-L4GL8RS\WebstormProjects\forum-fronted...

项目初始化完成，可执行以下命令：

  cd forum-fronted
  npm install
  npm run format
  npm run dev

PS C:\Users\Administrator.DESKTOP-L4GL8RS\WebstormProjects>

Prettier配置

前端初始化页面