一、从零搭建的校园商城的初心

2024 年，一个平凡又不太平凡的年份。对大多数同学来说，它只是大学生活的又一年；但对我而言，它成为了我正式叩响开发者大门的起点。

那个春天，我把自己埋进图书馆的一角，手边摊开各种学习笔记，电脑屏幕亮着尚未成型的 Vue 项目结构。一遍遍查文档、一行行试代码、一晚晚改 Bug——这一切都在悄悄孕育着我的第一个“作品”。

当时我做的，是一个以学校命名的商城软件。它并不算宏大，也谈不上商业价值。但是对当时的我来说，它承载着完全不同的意义——它是我第一次从零开始，由自己亲手搭建逻辑、绘制界面、撰写功能的完整应用。它是我第一次对自己说：“你也可以把想法变成真正能运行的东西。”

为了让项目更像一个“真正的商城”，我模仿京东的整体布局与交互方式。于是，我开始挑战那些看似简单、做起来却异常“硬刚”的功能： 加入购物车，商品数量增减计算，总价实时计算，订单结算与支付流程模拟，页面间的数据状态保持，移动端 /PC 的适配布局。每一个模块看似是点击几下按钮，但背后都需要一连串逻辑推演、数据结构设计、父子组件通信、状态更新等一整套的流程。

那时的我，还没有多少经验，很多问题都是“第一次遇见”。而第一次遇见的每一个问题，都成了我与这个世界的第一次交锋。

‍

二、与 Bug 交锋的“至暗时刻”

当然，旅程并不只有光。我也经历过那些深夜被“Error” 红字逼到抓狂的瞬间。也曾被一个计算逻辑的 Bug 追着改了三天三夜。也曾因为 Vue 的组件通信没搞明白而差点怀疑人生。代码是非常诚实的，你只要写错一个字母，它就会用最冷静的方式告诉你：“不，我不跑。”但也正是这些“至暗时刻”，把我慢慢训练得更加冷静、耐心，也更加执着。我学会了：查文档，找 Issue，看 StackOverflow，看别人的代码，调试、打印、分析、复盘。有时看似一个按钮点击异常，背后可能是 props 传错了名字，也可能是响应式系统没更新，也可能是父组件状态没同步。每修好一个 Bug，我都能感到自己的技能又上升了一个档次！！！

‍

‍

三、连接世界的开源之窗

把项目开源后，我才真正理解开源的意义不只是“展示作品”，而是：你开始学习如何为别人写代码，而不是只为自己。开始思考结构、命名、注释、可维护性。开始向世界展示你能做什么，而不是藏在一台电脑里。开始拥有一种参与感、一种连接感。开源像一扇窗，让我从校园的小世界走到了更广阔的开发者宇宙。

我的第一个项目虽然稚嫩，但它标志着我进入了另一个阶段：从“学习代码”变成“用代码创造东西”。从“学校小项目”变成“面向全世界的作品”。从“自学者”变成“真正的开发者”。而这一切，都从那一行行平平无奇的 Vue 代码开始。

现在，这个项目已经有了 12 个 Star，收到了 3 个 Issue。有个同学指出我代码里的性能问题，还附上了优化建议；还有人问能不能增加“校园自提”功能。我一边跟着这些建议修改代码，一边在回复里和他们交流开发思路，原来开源真的能搭建起一座桥梁，让不同的人因为一段代码产生连接。

‍

有人说，每个开发者的第一个开源项目，都像自己的“第一个孩子”，笨拙却珍贵。于我而言，这个校园商城项目不仅是一段代码的集合，更是一本成长日记：记着深夜的困惑、解决 bug 后的欣慰、第一个 Star 的狂喜，也记着“分享即成长”的道理。

如今再看那段代码，也许我会改掉那些冗余的写法，但永远不会删掉初版里的注释。因为我知道，那些略显稚嫩的文字背后，藏着一个编程萌新对技术的敬畏，对分享的勇气。