5年前端|奖金少一半，“被迫”all in AI Agent？

一个普通 Vue/Electron 工程师的转型自白

前言

我是一个普通的前端工程师。5年经验，公司开发框架也就是 Vue2/3 + TS。自己倒腾过Electron，uni-app，能写一些简单的功能模块。没进过大厂，没写过框架，不是什么技术大神。 每天的生活就是：上班写代码，下班刷掘金/知乎/CSDN，周末偶尔看看新技术。工资一般般，饿不死，也富不了。原本以为自己会这样一直干到退休。 直到去年，年奖金只有以往的一半了！

某一天的顿悟

和往常一样，看看手机，刷刷帖子，直到刷到：《35岁程序员裸辞两月，找不到工作，感慨程序员是碗青春饭》。 那一刻，我突然意识到：我也30多了，离35也不远了。那天晚上，我失眠了。翻来覆去想几个问题：

• 我的核心竞争力是什么？

• 如果明天被裁，我能做什么？

• 5年后，我还在写代码吗？

没有答案。只有焦虑。

一次偶然的机遇

随着公司业务发展，各部门都在鼓励使用 AI，自然而然的，我也分配了相关的任务：处理后端 AI 大模型的流式返回数据。这本来也是很简单的需求：

• fetchEventSource 发送请求

• onMessage() 接收并处理数据

• onError() 处理异常/错误情况

此时，问题来了：后端返回的并不是的 text/event-stream 格式，而是 application/json；在网上查了一圈，知道可以在 onOpen() 里重新发一条 GET 请求来解决这个问题。

然后，又出现新的问题了：后端异常没有正常返回，全部要前端处理！烦躁之下，我打开了DeepSeek（之前只用它写过文档），10 秒钟，它给出了完整的解决方案。

我当时震惊的不是它写出来了，而是它写出来的代码，完全符合我的需求，而且比我预设需求的还要完整！

那一刻，我突然意识到：这东西真方便。后来的开发中，我开始疯狂用它：

• 让它生成Vue3组件，它懂得用<script setup>，知道我喜欢用ref而不是reactive

• 让它写TS类型，它知道我的命名规范（IProps、TResponse）

• 让它解释一段看不懂的配置，它讲得比文档还清楚

我开始想：如果 AI 这么懂前端，那我是不是可以用它做更多事？

AI突围战”

从那天起，我给自己定了一个目标：用4个月时间，成为一个会“玩AI”的前端。我不学 PyTorch，不学 Transformer，不调模型参数。我的路线很简单：

这4个月，我经历了什么？第一周：信心满满 → 被 Prompt 折磨（AI 就是不按格式输出）第二周：第一个 Electron + AI 应用跑通 → 激动得发朋友圈第四周：Function Calling 总是失败 → 怀疑人生第六周：第一个能用的 Agent 诞生（帮我处理Git） → 比发工资还开心第十周：做的一个桌面助手被吐槽“鸡肋” → 反思产品思维

第十六周：现在，我能用Cursor + AI 在30分钟内开发一个小工具 这4个月，我学会了什么？

• 不是：模型原理、Attention机制、微调技术

• 而是：怎么让AI听我的话、怎么把AI集成进Electron、怎么让AI调用我的函数、怎么用AI帮我写代码

最重要的是：我不焦虑了，因为我知道，AI时代，前端不仅没有被淘汰，反而有了新的机会。【顺便说一嘴】技术大厂，前端-后端-测试，全国均有机=会，感兴趣可以试试。待遇和稳定性都还不错~

为什么说前端是AI时代的“天选之子”？

这4个月让我想明白一件事：AI 是发动机，前端是驾驶舱。发动机很重要，但用户接触的是驾驶舱。我们的优势是什么？

我不是在安慰自己，而是在这4个月我见过太多 AI 应用翻车的案例：

• 技术很强，但 UI 一塌糊涂 → 没人用

• 模型很准，但交互反人类 → 用户流失

• 功能很多，但不会产品化 → 自嗨

这些都是我们前端擅长的地方。

这个专栏要写什么 所以，我开了这个专栏。 它不是：

• ❌ 大模型原理讲解（我不懂）

• ❌ Python/PyTorch教程（我不会）

• ❌ 教你成为AI科学家（做不到）

它是：

• ✅ 一个普通前端的真实转型记录（不装逼，只记录自己踩过的坑）

• ✅ 前端视角的AI应用开发实战（Vue3/TS/Electron）

• ✅ Agent和Vibe Coding的落地经验（能跑起来的代码）

结语

“前端已死”，这句话从10年前就开始兴起了，“死”了这么多年还没死透，我认为它就是有价值的。现如今，在 AI 的加持，对前端的要求会越来越高，但这条路我会继续走下去，也会把每一步都记录下来。 如果你也在这条路上，欢迎同行。 ——转载自：wuhen_n