读源码需要的步骤 ​

了解项目的构建 ​

要读里面的源码，第一步就是想办法，把项目跑起来，运行开发模式。读懂项目里面的构建配置， 通用一句话就是你可以运行成功

npm install

npm run dev

你别看起来容易，实际上运行起来会遇到各种问题

• 依赖包无法安装，或者安装出错
• node，npm版本不兼容
• 根据配置代码，知道是如何打包出各种模块类型的bundle

如果没有足够的好奇心，耐心，就会劝退一波人

javascript的设计模式 ​

推荐一本很好的书《JavaScript设计模式与开发实践》。一些优秀的开源框架中，能够看到各种js写法， 一开始会觉懵圈，实际上是运用了各种设计模式。代码耦合度很低。

总的来说，读懂源码前，你得有一点js基础，掌握开发技巧

带着疑问去看源码 ​

一个开源项目这么庞大，成千上万行代码，一行一行去读，是不可能。我们可以先从某一个模块，某一个功能去debugger，去研究。比如我本人再看Vue3的时候，脑子先想到的是，vue3的响应式原理是怎么实现。debugger的时候，其他功能全部忽略掉，ts类型声明完全不需要关注，如何对template编译的，这些问题也可以完全忽略。 每一个模块都去这样子了解完之后，对Vue整体就有了更深的了解

编写简单的案例 ​

看完某一个功能之后，只是大致了解了该实现流程，我们就可以把该功能简单的实现一下，加深理解