一个普通 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,不调模型参数。我的路线很简单:
| 阶段 | 目标 | 时间 |
|---|---|---|
| 第一阶段 | 学会让AI按我的要求生成代码(Prompt工程) | 3周 |
| 第二阶段 | 打通Electron + AI API,做桌面工具 | 4周 |
| 第三阶段 | 让AI能调用我写的函数(Function Calling) | 6周 |
| 第四阶段 | 做一个真正能"干活"的Agent | 8周 |
这4个月,我经历了什么?
第一周 :信心满满 → 被 Prompt 折磨(AI 就是不按格式输出)
第二周 :第一个 Electron + AI 应用跑通 → 激动得发朋友圈
第四周 :Function Calling 总是失败 → 怀疑人生
第六周 :第一个能用的 Agent 诞生(帮我处理Git) → 比发工资还开心
第十周 :做的一个桌面助手被吐槽"鸡肋" → 反思产品思维
第十六周:现在,我能用Cursor + AI 在30分钟内开发一个小工具
这4个月,我学会了什么?
- 不是:模型原理、Attention机制、微调技术
- 而是:怎么让AI听我的话、怎么把AI集成进Electron、怎么让AI调用我的函数、怎么用AI帮我写代码
最重要的是 :我不焦虑了,因为我知道,AI时代,前端不仅没有被淘汰,反而有了新的机会。
为什么说前端是AI时代的"天选之子"?
这4个月让我想明白一件事:
AI 是发动机,前端是驾驶舱。发动机很重要,但用户接触的是驾驶舱。
我们的优势是什么?
| 优势 | 说明 |
|---|---|
| UI/UX思维 | 我们知道怎么让AI的"答案"变成好用的"产品" |
| TypeScript | 严格的类型定义,让 AI 生成的代码更可控 |
| Electron经验 | 桌面端是 AI 的下一站(隐私、离线、本地资源) |
| 工程化能力 | 组件化、模块化,这些思维在 AI 应用开发中同样重要 |
我不是在安慰自己,而是在这4个月我见过太多 AI 应用翻车的案例:
- 技术很强,但 UI 一塌糊涂 → 没人用
- 模型很准,但交互反人类 → 用户流失
- 功能很多,但不会产品化 → 自嗨
这些都是我们前端擅长的地方。
这个专栏要写什么
所以,我开了这个专栏。
它不是:
- ❌ 大模型原理讲解(我不懂)
- ❌ Python/PyTorch教程(我不会)
- ❌ 教你成为AI科学家(做不到)
它是:
- ✅ 一个普通前端的真实转型记录(不装逼,只记录自己踩过的坑)
- ✅ 前端视角的AI应用开发实战(Vue3/TS/Electron)
- ✅ Agent和Vibe Coding的落地经验(能跑起来的代码)
结语
"前端已死",这句话从10年前就开始兴起了,"死"了这么多年还没死透,我认为它就是有价值的。现如今,在 AI 的加持,对前端的要求会越来越高,但这条路我会继续走下去,也会把每一步都记录下来。
如果你也在这条路上,欢迎同行。