#第1期 | vue-devtools | 源码共读公告【必看】

预计阅读时间: 3 分钟

#掘金本期任务说明链接

掘金任务链接：https://juejin.cn/post/7084992464221634591

按照要求写完笔记可以在掘金任务下评论

#共读

共读时间

• 8月1日（周日）-8月7日（周六）
• 其实一周只需要花上几小时就够
• 8月8日或者（周末）总结

调查问卷显示

• vue技术栈较多，1-3年较多。

学习文章

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

共读目的

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

学习流程

• 安装 vue-devtools 对应 vue3 的版本。无法访问谷歌应用市场的小伙伴，可以下方链接去下载安装。
• 或者点此下载安装 vue3版本的vue-devtools
• 点此下载安装 vue2 版本的 vue-devtools
• 克隆项目，按照文章中流程，先跑起来
• 本文仓库地址：git clone https://github.com/lxchuan12/open-in-editor.git，本文最佳阅读方式，克隆仓库自己动手调试，容易吸收消化。
• 调试全流程
• 记录笔记

#笔记

笔记内容随意。但一定要记录。记录碰到的问题、哪里不懂等。 笔记目录可以是，这只是一个示例。

• 学习准备
• 学习过程
• 学习收获
• 本次活动感受等

#付费？

虽然调查问卷中有付费一项，只是调查下意愿。**目前不收费。**大家可以多多宣传我的#公众号：若川视野，或者收藏我的博客地址：https://lxchuan12.gitee.io 希望能持续下去，帮助更多人学会看源码。

#作业提交

源码共读主页 在语雀相应分组提交笔记，笔记可以简单写写。笔记可以在语雀写，没有权限的小伙伴可以在小组群里提交笔记，然后由有权限的人上传（一般是我）。笔记建议可以多写写感受。 学习看文章过程中有疑问，及时记录和及时提问。 先在小组群提问，再到大群提问。无人回答时可以艾特我，或者私聊我 微信 ruochuan12。