一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第2天，点击查看活动详情。
一、前言
由于自己最近准备学习vue的源码，所以首先我得知道怎么样去本地调试vue得源码。后续也会把学习中遇到得问题、校验梳理成文章，也当作自己的学习笔记。
写在前面，我看的版本是"version": "2.6.14"
二、如何进行本地调试
- 首先我们找到vue2的源码地址进行本地clone
- 然后安装依赖我使用的是yarn，可能你安装的过程中会报错，然后我使用了vpn安装成功；接着yarn dev跑起项目。
这个时候vue的源码启动了，你可以进行代码的调试了。
examples文件夹下有一些官方给的例子，你也可以新建自己的文件去调式代码。
首先我们看官方的这个例子vue\examples\commits\index.html，我们修改一下vue文件引入：
浏览器打开它（如果你使用的是vscode安装插件open in browser，右键在浏览器打开）。
这时候你可以在源码中debugger代码
如果你觉得这样调试有点不方便，你想直接在浏览器上面打断点进行调试的话，我们需要在脚本命令添加--sourcemap，如图所示，然后重新启动一下yarn dev：
这时候刷新浏览器页面，F12可以看到sources下可以看到vue的代码了，如果你就可以在你想要调试的地方打断点调试了：
现在我们已经知道怎么去调试代码了，下一步就是阅读源码去学习了；学习源码是一件枯燥甚至会感觉烦躁的过程，希望都可以静下心来耐心学习，当你习惯之后一定有不少的提升~
