如何阅读源码

yyshino大约 3 分钟

作者：lgd8981289
搬运自 https://github.com/lgd8981289/vue-next-mini

简介

那么在上一小节中我们已经知道了如何对vue的源代码进行debugger ,但是如果想要学习或者了解 vue的代码执行，那么光靠 debugger是不够的,除此之外我们还需要掌握另外一个能力,那么如何阅读源代码

很多同学在去阅读源代码的时候,都会面临一个误区,那就是：我需要把源代码中每一行代码都读明

这是一个非常不对的行为，很容易让我们事倍功半

所以在这里我们需要先给大家明确一点：阅读源码绝对不是要读明白其中每一行代码的意思，而是在众多的业务代码中寻找到主线，跟随这个主线来进行阅读

想要快速、轻松的阅读源码,正确的姿势非常重要,主要有两点:

在大型项目的源码中，都会充斥着非常多的业务代码，这些业务代码是用来处理很多 边缘情况 的，如果我们过分深究这些业务代码则会让我们陷入到一个 代码泥潭 中，在繁琐的业务中找不到方向。

所以，我们在阅读源码之前，必须要明确好一点，那就是：仅阅读核心逻辑

对于像vue这种量级的项目来说,哪怕我们只去阅读它的核心代码,你也会发现也是非常困难的。

我们之前说过, vue的核心大致可以分为三块:

每一大块的内部又分为了很多的业务分支。所以哪怕仅阅读核心代码已然是一个浩大的工作量。

所以说我们还需要另外一个方式，那就是：跟随一条主线

总结这一小节我们讲解了如何阅读源代码，以上方式不知可以应用到 vue 中，也可以应用到其他的框架之中，所以我们把这一小节叫做授人以渔。

当然，我们这里只是通过一个简单的方式来进行了举例，在大家实际阅读的过程之中，肯定还是会遇到很多的困难的，不过好在，在这个过程中，我们会一起来进行阅读~~