零基础学习路线

作者: luote (luote) · 个人主页 luote996.cn

本章面向完全没有 Web 开发经验的读者，按 create-luote 脚手架实际使用的技术栈，从零梳理前后端必备知识。学完后再阅读 二次开发入门，可以按步骤新增业务模块。

你需要先安装什么

工具	版本建议	用途
JDK	17	运行 Spring Boot 后端
Maven	3.8+	管理 Java 依赖与编译
Node.js	18 或 20 LTS	运行前端与脚手架
MySQL	8.0+	业务数据库
Redis	6+	缓存、验证码、登录态
Git	最新稳定版	版本管理（可选但推荐）

IDE 推荐：后端 IntelliJ IDEA，前端 VS Code 或 Cursor。

学习顺序建议

章节索引

通用基础

章节	内容
Web 与 HTTP	浏览器、URL、请求方法、JSON、前后端如何协作
SQL 与 MySQL	建表、增删改查、索引、与脚手架 data.sql 对照

后端技术栈

章节	内容
Java 基础	语法、面向对象、集合、异常，读懂脚手架代码所需
Maven 项目管理	pom.xml、依赖、生命周期、常用命令
Spring Boot 入门	自动配置、Controller、Service、配置文件
MyBatis-Plus	Entity、Mapper、CRUD、分页、条件构造器
Security JWT Redis	认证授权、Token、缓存与会话
Swagger 缓存与存储	接口文档、JetCache、MinIO/OSS、Spring AI

前端技术栈

章节	内容
TypeScript 基础	类型、接口、泛型，在 Vue 项目中的用法
Vue 3 基础	组件、响应式、模板语法、组合式 API
Vite Pinia Router	构建工具、状态管理、路由与守卫
Element Plus Axios ECharts	UI 组件、HTTP 请求、图表

学完后做什么

1. 用 npm create luote 创建项目，按 快速开始 跑通前后端。
2. 阅读 项目结构，对照目录找代码。
3. 跟着 实战：新增模块 做一遍完整 CRUD。
4. 遇到坑查 注意事项与踩坑。

怎么学更有效

每章末尾都有「与 luote 脚手架的关系」小节，请对照 templates/luote-backend 与 templates/luote-front 里的真实代码阅读，不要只背概念。建议每学完一章就在本地改一行代码、跑一次命令，确认能看懂报错信息。