Vue3|Vue3 源码分析总结（200+流程标记、20+思维导图、2+Mini 版实现） Vue3源码分析总结：200+流程标记

前言

这段是总结，不显得那么干巴巴。

最近三个月(7 ~ 9) 所有的空闲时间全部用在了 Vue3、TypeScript、Vite 这套体系上。今天也刚好是 9 月的最后一天，因为加班的原因，预计的计划也算是刚刚好完成。
这三个月是这样的：
小项目先把 Vue3、TypeScript、Vite 的文档过了一遍，然后写了一个简单的网易云。
学完 Vue3、TypeScript 干什么，先来一个"网抑云"
大项目也刚好内部有一个新系统要做，经过对比使用了 Vben Admin 这个开源项目，也总结了一些内容。

Vben Admin 深入理解之插件、环境变量的设计
Vben Admin 深入理解之路由、菜单、权限的设计
Vben Admin 深入理解之动态主题切换的设计

看源码一边写项目一边看源码，差不多两个月的时间吧。以下都是总结的部分内容，内容较多导出的图也比较模糊，所有的原始文件都在 GitHub 上。

GitHub 地址

流程标记
我一直想把流程调试过程中的主要断点保存下来，以便后续再次看的时候能轻松的找到不过没找到方案。现在使用了 VsCode 的 Todo Tree 符合心中的预期，能高亮、能过滤、能搜索，如果需要调试就在浏览器对应的位置打上断点。
为什么给每个主要流程打上标记，因为在这么大的源码库里方法和文件来回跳转很正常不过了。如果这样就可以根据打的标记走，在研究分支细节的时候也能轻松回到主流程。