学习源码整体架构系列

1. 如何开发一个 VSCode 插件 2. 学会开发开源项目的工作流是怎样的 3. 学会 open in github button vscode 插件的原理是什么

现在用 `react` 开发离不开各种 `hooks`。学习各种 `hooks` 的工具库，有助于我们更好的使用和理解 `hooks` 。

学会看开源项目源码，学会两种调试Vue3源码的方式 1. 使用 vitest vscode 扩展测试用例调试。 2. 使用生成 sourcemap 文件调试源码。 3. 学会 生成 sourcemap

1. 学会如何通过调试看源码 2. 如何写一个微信小程序的组件 3. 学会开发一个 stepper 步进器组件

这篇文章就来带领大家一起学习npm create vite原理，源码400行不到。 学会开发脚手架工具。 很多源码不是我们想象中的那么高深莫测。源码不应该成为我们的拦路虎，而应该是我们的良师益友

看完本文，你将学到： 1. 如何利用 release-it 提升版本号，自动打 tag，生成 changelog 等 2. npm init 原理 3. 如何写一个脚手架工具等等

1. 学会 dotenv 原理和实现 2. 学会使用 fs模块 获取文件并解析 3. 学到项目中 .env 文件的原理 4. 等等

1. 学会如何实现一个比较完善的 delay 函数 2. 学会使用 AbortController 实现取消功能 3. 学会面试常考 axios 取消功能实现 4. 等等

1. 如何学习调试源码 2. 如何开发构建一个ts的 npm 包 3. 如何配置 github action 4. 配置属于自己的 eslint 预设、提升版本号等 5. 学会使用execa执行命令

1. 如何学习调试源码 2. 学会如何获取 package.json 3. 学到 import.meta 4. 学到引入 json 文件的提案 5. JSON.parse 更友好的错误提示

1. 如何学习调试源码 2. 学会 npm 钩子 3. 学会 "preinstall": "npx only-allow pnpm" 一行代码统一规范包管理器 4. 学到 only-allow 原理

1. 学会调试学习源码 2. element-ui 如何初始化新的组件 3. 可以学以致用应用到自己开发的项目中，比如新增页面等 4. 等等

调试代码是程序员基本技能，而组织了源码共读活动，我发现很多人不会，或者不熟悉。 所以写篇VSCode调试代码的文章~

1. Node 加载采用什么模块 2. 获取 git 仓库所有 tags 的原理 3. 学会调试看源码 4. 学会面试高频考点 promisify 的原理和实现 5. 等等

1. 电脑竟然乖乖的帮我打开了浏览器原理和源码实现 2. 学会使用 Node.js 强大的 child_process 模块 3. 学会调试学习源码 4. 等等

1. Vue2 源码 shared 模块中的几十个实用工具函数 2. 如何学习源码中优秀代码和思想，投入到自己的项目中 3. 如何学习 JavaScript 基础知识，会推荐很多学习资料 4. 等等

1. 学会 ni 使用和理解其原理 2. 学会调试学习源码 3. 可以在日常工作中也使用 ni 4. 等等

1. 学会 vite 简单原理 2. 学会使用 VSCode 调试源码 3. 学会如何编译 Vue 单文件组件 4. 学会如何使用 recast 生成 ast 转换文件 5. 如何加载包文件等

1. 学会全新的官方脚手架工具 create-vue 的使用和原理 2. 学会使用 VSCode 直接打开 github 项目 3. 学会使用测试用例调试源码 4. 学以致用~

1. 如何学习调试 vue2 源码 2. data 中的数据为什么可以用 this 直接获取到 3. methods 中的方法为什么可以用 this 直接获取到 4. 学习源码中优秀代码和思想，投入到