我的项目代码解读

APPENDIX · REAL CODE

这里的代码全部来自你的 GitHub 仓库。行号以读取时的 main 分支为准；以后代码更新，行号可能移动，但文件和判断方法仍然有效。

manga_studio

示例项目：manga_studio

层	真实技术	从哪里开始看
后端	Python + Flask	app.py
新前端	React + TypeScript + Vite	canvas-v2/src/App.tsx
状态	Zustand	canvas-v2/src/stores/
画布	React Flow、Konva	canvas-v2/src/features/canvas/
数据请求	fetch 封装	canvas-v2/src/api.ts

01 · 全局地图架构图解先分清浏览器、Flask、存储和第三方 API。02 · 后端入口app.py 路由用真实首页、登录和画布路由学习 Flask。03 · 前端结构canvas-v2从 App.tsx 顺着组件和状态往下读。04 · 跟着走从按钮走完全程从“新建项目”按钮走到状态保存。

读真实大型项目应该先从最长的文件第一行开始吗？

答案：不应该。先建立结构地图，再从一个页面、按钮或请求入口沿调用关系读取。