外观
值得读源码的开源项目
约 1174 字
资源
读源码是程序员的「内功训练」。看十篇源码分析， 不如自己顺着提交记录走一遍。这份按难度分级， 每个都标了「学什么」和「怎么读」。
前提：先会用再读源码。没用过 Vue 去读 Vue 源码， 是去认字，不是去阅读。
一、入门级：小而美（1-5 万行）
dayjs
2KB 的时间库，Moment 的现代替代。学什么：插件化架构、 API 设计的极简主义。薄，一个下午翻完，收获立竿见影。
ky / mitt
网络请求库 / 2KB 事件总线。学什么：fetch 封装、 事件发射器的本质。两小时一个，「哦原来就这么点事」。
zod（选读）
TS schema 校验。学什么：类型体操的上限在哪、 怎么做 API 设计。进阶向，但对 TS 提升巨大。
二、进阶级：框架心脏（5-15 万行）
Vue 3 核心
学什么：响应式系统（ reactivity 包）、编译时优化、 运行时架构。怎么读：别从 main.ts 开始， 按专题读 —— 先 reactivity（最独立、最有名）， 再 runtime-core 的渲染流程。
配合：《Vue.js 设计与实现》（本站前端书单推过）—— 书 + 源码对照，效果翻倍。
React 源码
学什么：Fiber 架构、调度器、Reconciliation。 怎么读：React 的代码「写给机器看」（有特殊注释和构建流程）， 新手友好度低。建议从 React 源码解析系列 入门，再自己翻。
Vite
学什么：ESM 开发服务器的实现、插件系统、 esbuild/Rollup 的整合。怎么读：src/node 目录是服务端逻辑， 比客户端部分清晰。本站开发服务器就是它。
三、进阶级：基础设施
Express / Koa
学什么：中间件洋葱模型、HTTP 框架的最小实现。 Koa 尤其值得读 —— 核心 500 行不到，「框架的框架」典范。 读完自己写个 mini-express，Node 理解上一个台阶。
Nginx（选读模块）
C 写的，全量读不现实。读什么：事件驱动架构 （epoll）、模块化设计、内存池。挑 src/event 和 src/core 的核心模块。学什么：高并发服务器的 「世界观」—— 为什么单线程事件循环能扛十万连接。
四、高手级：镇店之宝
Redis
学什么：单线程事件循环、每种数据结构的实现 （ SDS、跳表、ziplist…）、持久化机制。 配合《Redis 设计与实现》（本站后端书单）读。 路径：从 server.c 的命令处理入口进， 顺着 t_string.c → t_list.c 一个个类型读。
Linux 内核（选读子系统）
别通读。挑一个子系统：调度器（kernel/sched）、 内存管理（mm）、或文件系统。配合：OSTEP （本站后端书单）先建立概念，再看代码。 学什么：软件工程的极限复杂度长什么样。
Git
学什么：对象模型（blob/tree/commit）的代码实现、 plumbing 命令的设计哲学。读完你会「真正理解 Git」—— 不是会命令行，是懂它脑子里的模型。 配合：《构建 Git》（Josh Coglan） 用 Ruby 从零实现 Git，比读 C 源码平易近人。
五、阅读方法论
别从第一行读起。正确姿势：
- 先跑起来：会用、会配置、知道核心功能；
- 看文档/书：建立架构概念图（哪块管什么）；
- 选一条主线：跟着一个功能走 （如「Vue 的数据变了，页面怎么更新的」）， Debugger 打断点顺藤摸瓜；
- 画图：模块关系、调用链，画出来才算懂；
- 做笔记：记「为什么这么设计」，别抄代码。
工具：VS Code + Sourcegraph 插件（跨仓库跳转）、 git log --follow 文件（看一个文件的演化史 —— 读「历史」比读「现状」信息量大）。
时间预期：一个小库一个周末，一个框架一两个月， 这是长期工程不是周末突击。
六、和本站的关系
本站自己就是「可读的小项目」：VuePress + Plume 的配置、 手写的 RSS 插件、 CI 工作流 —— 都是几百行量级、 「看得完的工程」。想看「一个小而完整的站点怎么搭」， 读本站仓库，比读 Vue 源码门槛低多了。
小结
读源码的性价比排序：dayjs（一下午）→ Koa（两天）→ Vite 开发服务器（一周）→ Vue reactivity（两周）→ Redis/Express 深入（按月计）。从小的开始建立信心， 别一上来啃 Linux 内核 —— 那不是阅读，是修行。 记住：读代码的产出不是「读完了」，是「我画出了那张图」。