大型实战索引

这一页属于 实战篇。这里不再按普通教程章节组织，而是按“完整项目”组织阅读路径。

这一组内容放在 18 章主线之后，目标不是继续讲零散 API，而是把前面学到的能力收束成 2 个完整项目，分别对应不同技术栈和不同业务类型。

项目组合

• React 线：基础 CRUD Admin
• Vue 线：本地知识库工作台

为什么这样设计

这两条线不再强求同题异构，而是各自承载更适合该技术栈的实战目标：

• React 线更适合演示后台类 CRUD Admin 场景
• Vue 线更适合演示内容型桌面工具和知识库工作台场景

这样做的好处是：

• React 线能突出表格、筛选、抽屉表单和 Electron 桌面流程
• Vue 线能突出工作台布局、内容编辑、搜索和本地文件管理
• 教程整体能覆盖两类典型 Electron 项目

两个大型实战

1. Vite + React + TypeScript + Ant Design + Zustand + ahooks：基础 CRUD Admin
2. Vite + Vue + TypeScript + Element Plus + Pinia + Vue Router + VueUse：本地知识库工作台

阅读建议

1. 想看后台类 Electron 项目：先读 React 线
2. 想看内容型桌面工具：先读 Vue 线
3. 想完整跟练：进入项目总览后，直接按侧边栏的 Part 顺序往下读

对应代码目录

• examples/large-project-vite-react
• examples/large-project-vite-vue