1. 项目初始化

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

后端

使用jdk17 SpringBoot3 SpringSecurity
在这里插入图片描述

image.png

注意

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

目录结构

image.png

后端启动页面

image.png

前端

采用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配置

image.png

前端初始化页面

image.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

子仪_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值