此初始化是 刚开始生成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配置

前端初始化页面