1.前言

前言摘自第一期 | vue-devtools | 源码共读公告【必看】 (opens new window)

1.学习文章

• 学习文章，其实跟vue和react相关性不大，而是nodejs小项目，不会nodejs也能基本看懂。
• 据说 99% 的人不知道 vue-devtools 还能直接打开对应组件文件？本文原理揭秘
• 博客地址：http://lxchuan12.gitee.io/open-in-editor
• 掘金地址：https://juejin.cn/post/6959348263547830280

2.共读目的

• 帮助学会调试源码
• 锻炼耐心
• 学会查阅资料
• 学以致用 打开组件文件

3.学习流程

• 安装 vue-devtools 对应 vue3 的版本。无法访问谷歌应用市场的小伙伴，可以在百度网盘中下载，插件已打包好，链接: https://pan.baidu.com/s/1cV4IvrZJkJmV_nGpUj9xyg 提取码: udgm
• 克隆项目，按照文章中流程，先跑起来
• 本文仓库地址：git clone https://github.com/lxchuan12/open-in-editor.git，本文最佳阅读方式，克隆仓库自己动手调试，容易吸收消化。
• 调试全流程
• 记录笔记

---

笔记