学习源码整体架构系列 | 前端

为了能帮助到更多对源码感兴趣、想学会看源码、提升自己前端技术能力的同学。从 2019 年开始，历时 3 年写了 20 余篇（本篇合集收录比较新的 5 篇）源码系列文章。这个系列告诉读者如何高效学习源码、如何调试源码、如果有耐心动手练习学完其中了一两篇，基本就知道如何学习源码了。

1.初学者也能看懂的 Vue3 源码中那些实用的基础工具函数

作者：若川

1. 如何学习 JavaScript 基础知识，会推荐很多学习资料

2. 如何学习调试 vue 3 源码

3. 如何学习源码中优秀代码和思想，投入到自己的项目中

4. Vue 3 源码 shared 模块中的几十个实用工具函数

5. 我的一些经验分享

2.Vue 3.2 发布了，那尤雨溪是怎么发布 Vue.js 的？

作者：若川

1. 熟悉 vuejs 发布流程

2. 学会调试 nodejs 代码

3. 动手优化公司项目发布流程

3.Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才 300 余行代码，学它！

作者：若川

1. 学会全新的官方脚手架工具 create-vue 的使用和原理

2. 学会使用 VSCode 直接打开 github 项目

3. 学会使用测试用例调试源码

4. 学以致用，为公司初始化项目写脚手架工具。

5. 等等

4.尤雨溪几年前开发的“玩具 vite”，才 100 多行代码，却十分有助于理解 vite 原理

作者：若川

1. 学会 vite 简单原理

2. 学会使用 VSCode 调试源码

3. 学会如何编译 Vue 单文件组件

4. 学会如何使用 recast 生成 ast 转换文件

5. 如何加载包文件

6. 等等

5.尤雨溪推荐神器 ni ，能替代 npm/yarn/pnpm ？简单好用！源码揭秘！

作者：若川

1. 学会 ni 使用和理解其原理

2. 学会调试学习源码

3. 可以在日常工作中也使用 ni

4. 等等