最近整理 GitHub 账号时发现，从 2016 年到现在，我竟然创建了 98 个仓库。这些仓库就像考古遗址，记录着我这 10 年的前端学习历程——从 Vue 新手到 AI 全栈，从盲目跟风到有目的探索。
今天就来做一次”GitHub 考古”，看看这些代码仓库背后的故事。
2016-2017：前端入门期
初识前端三剑客
2016 年刚入行时，我还在用 jQuery 写页面。那时候的仓库名字都很朴素：bootstrap-days、preprocess-css、webpack-1。
第一个让我感到”前端真有意思”的项目是 gallery-by-react——一个用 React 写的图片画廊。虽然现在看来代码很稚嫩，但那时候能让图片动起来、能用组件化思维写代码，已经让我兴奋了好几天。
Vue 的第一次邂逅
2017 年，我开始系统学习 Vue。创建了 vue-cli-project、step-angularjs、ui-router-demo 等一堆学习项目。
最有意思的是 cat 项目——一个用 Vue 写的”表白网站”。虽然功能简单，但这是我第一次完整地用 Vue 完成一个有实际用途的项目。代码里还能看到当年为了实现一个”爱心飘落”动画，研究了好几天 CSS3 的痕迹。
2017-2018：Vue 全面开花
从前端到全栈
这个阶段，我开始尝试”全栈”。创建了 koa2 学习 Node.js 后端，用 socket.io-demo 研究实时通信，还用 Three.js 做了一个 visual-room 3D 可视化项目。
印象最深的是 cnodejs-cube 项目——用 Cube-UI 重写 CNode 社区的移动端。那时候正是移动端 H5 框架百花齐放的时代，我把 Cube-UI、Vant、Mint-UI 都试了个遍。
技术栈扩展
- Vue 生态：vue-cli、vue-router、vuex 全套掌握
- 构建工具：从 Webpack 到 Gulp，各种配置文件写到吐
- UI 框架：Bootstrap、iView、Element UI 轮番上阵
- 后端尝试：Koa2、Express、Socket.IO
这个阶段的特点是”什么火学什么”，GitHub 上到处都是 fork 的热门项目。
2019-2020：移动端与全栈实验
React Native 初体验
2019 年，公司要做 App，我开始学 React Native。AwesomeProject 是我的第一个 RN 项目，虽然只是官方教程的跟练，但让我第一次体会到”一套代码，多端运行”的魅力。
后来还尝试了 30-days-of-react-native，每天做一个小 demo，坚持了大概… 10 天就放弃了（笑）。
全栈项目实战
这个阶段做了几个完整的全栈项目：
- reading + reading-server：一个阅读 App，前端 Vue，后端 Node.js + MongoDB
- cms-egg：用 Egg.js 写的内容管理系统
- message-board：留言板项目，练习前后端交互
虽然这些项目都没有上线，但让我对”前后端分离”、“RESTful API”、“JWT 认证”这些概念有了实战理解。
2021-2023：企业级开发与工具探索
Angular 与企业级框架
2021 年换了工作，新公司用 Angular。于是 GitHub 上出现了一堆 Angular 相关的仓库：
- angular-carbon-starter：IBM Carbon Design System 学习
- carbon-components-angular：fork 官方组件库研究源码
- generator-jhipster：尝试 JHipster 全栈脚手架
这个阶段的特点是”企业级”——不再是简单的 demo，而是要考虑代码规范、测试覆盖、CI/CD、国际化等工程化问题。
NestJS 后端深入
后端方面，从 Koa/Express 转向了 NestJS。这个框架的依赖注入、装饰器、模块化设计让我对”后端架构”有了新的认识。
还做了一个有意思的项目 youtube_speaker——YouTube 音频提取工具，包含：
- 前端：TypeScript + Tauri（桌面应用）
- 后端：Java Spring Boot
- 另一个版本：TypeScript + Electron
这个项目让我第一次完整地走完了”需求 → 设计 → 开发 → 打包 → 发布”的全流程。
2024-2026：AI 时代的全面拥抱
AI 应用爆发
2024 年开始，GitHub 上的项目画风突变——全是 AI 相关：
the-app + the-app-server：我的第一个 AI 聊天应用
- 前端：React Native（支持 iOS/Android）
- 后端：Cloudflare Workers + D1 数据库
- 特点：边缘计算，全球低延迟
LinguaLeap：语言学习 App
- 集成语音识别（STT）
- AI 对话练习
- 发音纠正
lobe-chat-clone：fork 了 Lobe Chat 研究其架构
- 学习了 Streaming Response
- 理解了 Server-Sent Events
- 掌握了 AI SDK 的使用
专业 SDK 实战
2025 年，因为业务需求接触了 Scandit SDK（计算机视觉 + 身份证识别）。这些项目都是 fork 自 Scandit 官方 GitHub 的示例仓库，在官方 sample 基础上进行了定制和调试：
- IdCaptureSimpleSample：基础功能
- IdCaptureSettingsSample：配置管理（用 Svelte 写的）
- IdCaptureExtendedSample：高级功能
- IdCaptureUserOnboardingSample：用户引导流程
通过在实际业务中使用这些 SDK，让我深刻体会到前端不再只是”写页面”，而是要和各种专业 SDK、AI 模型、边缘计算平台打交道。
微信小游戏
2026 年初做了一个 minigame-pop——微信小游戏”气球消消乐”。虽然是个简单的小游戏，但让我体验了：
- 微信小游戏开发流程
- Canvas 游戏开发
- 物理引擎（Matter.js）
技术栈演进总结
回顾这 10 年，我的技术栈经历了这样的演进：
2016: jQuery + Bootstrap
↓
2017: Vue + Webpack + Koa2
↓
2019: React Native + Egg.js + MongoDB
↓
2021: Angular + NestJS + TypeScript
↓
2024: AI SDK + Cloudflare Workers + React Native
↓
2026: 边缘计算 + 计算机视觉 + 微信生态
一些感悟
1. 不要害怕”重复造轮子”
很多项目都是重复的——做了好几个聊天应用、好几个博客系统、好几个 Todo List。但每次重写，都会有新的理解。
2. Fork 不可耻，但要真的去读
我 fork 了几十个热门项目，但真正读完源码的不到 10 个。后来发现，fork 只是收藏，clone 下来跑起来才是学习。
3. 完成比完美更重要
98 个仓库里，真正”完成”的不到 20 个。很多项目写到一半就放弃了。但即使是未完成的项目，也让我学到了东西。
4. 技术趋势要跟，但不要盲目
2017 年 Vue 火，我学 Vue；2019 年 React Native 火，我学 RN；2024 年 AI 火，我学 AI。跟趋势没错，但要结合自己的实际需求。
5. 记录很重要
如果不是这次整理 GitHub，我都忘了自己做过这么多项目。代码会过时，但学习的过程和思考是永恒的。
未来的方向
看完这 98 个仓库，我对未来有了更清晰的规划：
- 深入 AI 应用开发：不只是调用 API，要理解模型原理
- 边缘计算实践：Cloudflare Workers、Vercel Edge Functions
- 跨平台方案：React Native、Tauri、Flutter 都要试试
- 开源贡献：不再只是 fork，要真正参与开源项目
写在最后
10 年，98 个仓库，数不清的代码行数。
有些项目现在看来很幼稚，有些技术已经过时，但每一个仓库都是我成长的见证。
GitHub 不只是代码托管平台，更是我的学习日记本。
如果你也有很多”废弃”的仓库，不妨花点时间整理一下——你会发现，那些看似无用的代码，其实记录着你最宝贵的成长轨迹。
本文基于对 llccing GitHub 账号 98 个仓库的分析整理而成。