👇 关注公众号【前端小卒】，获取更多 AI 工程实战内容。
这个系列的文章会同步在公众号首发，包括：Agent 开发从零到一全流程、Node.js 全栈学习路线、Vibe Coding 实战踩坑。不贩卖焦虑，只给能上手的东西。
前几天有个读者在后台问我：「现在 AI 都能全自动写代码了，前端是不是真要没了？」
我没急着回他。因为这个问题，我自己已经用 30 天回答过一遍了。
这 30 天里，我业余时间做了一个开源项目------一个 AI 股票研究平台，前后端、数据库、部署，全栈那一套。但我几乎没手写代码，从需求拆解到一行行实现，主力是 AI。
先说一句免责声明，免得有人误会：我白天上班写的公司代码，相当一部分还是要手写的 ------核心业务逻辑、有历史包袱的老模块、出了问题要背锅的地方，我不敢、也不会全交给 AI。这篇文章里说的「纯 vibe coding」，特指我这个个人开源项目。两种场景不一样，别混着看。
但恰恰是这个可以「放开手脚乱来」的个人项目，让我对「前端这个岗位还剩什么」这件事，想得比以前任何时候都清楚。
一、先承认一个让人不舒服的事实
2026 年的 AI 编程，跟两年前不是一个东西了。
2023 年它帮你补全下一行；2024 年它帮你解释代码、生成函数；2025 年它能理解需求、规划、实现、自己跑验证；到了今年，Cursor、Claude Code 这些工具的「全自动模式」陆续转正，AI 已经能从需求分析一路干到部署，中间基本不用你插手。
V2EX 上有个帖子我印象很深，一个全栈工程师说，他从某个时间点之后就没手写过代码了，全部 AI 写，每天最多的动作是「盯着 AI 写」，然后他说了一句很丧的话------「我意识到我的职业要完了」。
底下一堆人跟着焦虑，也有一堆人嘴硬：「AI 写的都是垃圾」「等它把生产事故捅出来就知道了」。
我两种都不太认同。
嘴硬的人，多半没真正用 AI 完整交付过一个项目。而那个说「职业要完了」的兄弟，我理解他的恐慌，但我觉得他把问题归错了类------他焦虑的不是「前端要完了」，是「只会写代码的那个我要完了」。这两件事，差着十万八千里。
为什么这么说？我用我那 30 天的踩坑经历讲。
二、纯 vibe coding 的真相：不是「躺着等 AI 交付」，是「推倒重来好几次」
很多人对 vibe coding 的想象是：我描述一下需求，AI 哗哗给我写完，我喝着咖啡 review 一下就上线了。
真实情况是------我那个项目，整体架构被推倒重来了好几次，每一次都不是因为 AI「写不出来」，而是因为 AI「写得出来，但写错了方向，而我一开始没看出来」。
举三个我真实踩过的坑：
第一次推倒：AI 让大模型自己算财务数据。
这是个股票分析项目，要算 PE、ROE、RSI 这些指标。我一开始偷懒，直接让 AI 把数据丢给大模型，让它「分析一下」。跑起来一看，界面挺漂亮，数字也煞有介事------但全是幻觉。PE 算错、营收对不上、技术指标拍脑袋。
那一刻我才反应过来：大模型很会「说」，但它不该负责「算」。 我把整个数据层推倒重写，定了一条死规矩------所有财务比率、技术指标，一律用 TypeScript 确定性地算出来，再把结果喂给大模型，大模型只负责判断和解读，绝不碰一个数字。
这条规矩后来成了项目的底线。但你注意：这个判断，AI 是做不出来的。它不知道「让 LLM 算数会幻觉」这件事有多致命，是我，一个有工程经验的人，替它定的方向。
第二次推倒：AI 把每个分析维度都重新拉一遍数据。
项目要从 9 个维度分析一只股票------基本面、估值、风险、技术面......AI 很自然地给每个维度都写了一遍「拉数据」的逻辑。功能上完全正确，跑起来也没报错。但我一看就头皮发麻：同一只股票的同一份数据，被外部接口打了 9 次。
这不是 bug，是架构品味问题 。我让它重构成「fetch 一次，9 个维度共享同一份快照」。AI 立刻就改对了------但它不会主动想到要这么改，因为「能跑」和「该这么设计」之间的那道坎，它跨不过去。
第三次推倒：流式输出，第一版是「算完几分钟一次性吐给你」。
体验极差。我要的是边算边推、谁先好谁先显示、断线还能续传。这部分来回磨了很多轮，AI 写、我推翻、再写。
讲这三个坑，是想说一件事：
纯 vibe coding 之所以能成，不是因为 AI 强到不需要人，而是因为有一个「知道什么是对的」的人在不停地纠偏。
AI 负责「怎么写」，速度比我快十倍。但「为什么这么写」「这么写对不对」「这个方向是死路要赶紧掉头」------这些判断，30 天里没有一次是 AI 替我做的。
那个开源项目我放在了 GitHub 上，叫 Bourse （github.com/crisweb1994/bourse）。它最核心的一条设计原则就一句话：代码负责「事实」，LLM 只负责「判断」 。这句话不是我写代码前想好的，是被 AI 的幻觉坑了之后，用推倒重来的代价换出来的。
三、所以，前端这个岗位还剩什么？
绕回开头那个问题。30 天后我的答案是：
AI 拿走的，是「把想法翻译成代码」这一段。它没拿走、也短期内拿不走的，是「判断想法对不对」这一段。
掘金上有位作者说得挺准：当前再强的 AI，本质上也只是「一个能力很强、但缺乏业务思维的新员工」。你不会因为团队来了个干活飞快的新人，就觉得自己这个 senior 没用了------除非你这个 senior，本来也只会埋头干活、不做判断。
具体到前端这个岗位，AI 时代真正值钱的，是这几样它给不了你的东西：
1. 架构判断力。 知道「这么写能跑，但三个月后会变成屎山」。我那个项目推倒三次，每一次都是这个能力在起作用。这东西没法靠看 AI 写代码学会，只能靠你自己把一个真实的、完整的系统从头搭到尾、踩够了坑，才能长出来。
2. 跨栈的全局视野。 AI 可以分别帮你写前端、写后端、写 SQL。但「这个需求到底该前端做还是后端做」「这个状态放 Redis 还是数据库」「这里要不要上消息队列」------这种横跨整个系统的取舍 ，需要你脑子里有完整的一张图。这恰恰是纯前端最大的短板，也是为什么我一直说，前端最该补的，是后端那块。
3. 把模糊需求变成清晰规格的能力。 AI 最怕的就是「你也不知道自己要什么」。你越能把需求拆得清楚、把边界定得明确，AI 给你的产出质量越高。这本质上是产品和工程的判断力，不是打字速度。
你发现没有------这三样，没有一样是「手写代码」。
那个说「职业要完了」的兄弟，他完的不是前端，是「只会手写代码」这个自我定位。而上面这三样能力，恰好都指向同一个方向：你得懂的，比前端更多。
四、不空谈，给你三条能上手的具体路
道理说完，落到行动。我自己这一年多就是按这个路子走的，顺手把我做的几样东西分享出来------都是开源免费的，你嫌我啰嗦可以直接划走，但我觉得对正在焦虑的人是真有用。
第一步：把后端那块硬骨头啃下来。
前端转全栈，卡点从来不是 AI 时代才有的，是「服务端、数据库、工程化」这块系统性的空白。零散看博客是拼不出体系的。我整理了一套 60 天 Node.js 全栈学习路线 （github.com/crisweb1994/60-days-nodejs），从 Node.js 核心原理，一路到 NestJS、PostgreSQL、Redis、Docker、CI/CD，以天为单位推进，每个阶段都有里程碑项目。专门为「有前端基础、想补全栈」的人设计。目前 Day 1-20 已经完整可学，后面在持续更新。
第二步：完整地搭一个真东西，逼自己做判断。
光学不练，永远长不出判断力。你需要一个从零到一、自己端到端负责的项目------可以大胆用 AI，但每一个架构决策都要自己拍板、自己踩坑。前面说的 Bourse 就是我这么搭出来的，代码全开源，9 维度并行分析、SSE 流式、多数据源接入这些「该怎么设计」的思路都在里面，你可以直接拿去读、去改、去 fork。
第三步：往 AI 应用层走，这是前端人最短的转型路径。
2026 年企业最缺的，不是「会调 API」的人，是「能用 AI 重构业务流」的人。而前端/全栈背景的人切入 AI 应用层，是「换框架不换思维」的最快路径。所以我把「从零到一开发一个 AI Agent」的全过程，整理成了一个分步骤 commit 的教学仓库 DevHelper （github.com/crisweb1994/DevHelper）------它不是一个写好的成品框架，而是一条可以一个 commit 一个 commit 跟着走的路径，你能清楚看到一个 Agent 是怎么从一个空文件夹，一步步长成能用的东西的。
这三步连起来其实是一条线：补全栈底子 → 搭真实项目练判断 → 转向 AI 应用层。它们不冲突，是递进的。
五、最后
回到那个读者的问题。
「AI 都能全自动写代码了，前端是不是要没了？」
我的答案是：前端不会没，但「只会写前端代码的那个你」会越来越不值钱。
这不是坏消息。AI 把最枯燥、最可被替代的那一段------打字、翻译想法成代码------拿走了，剩下给你的，全是更有价值、更难被替代的部分：判断、架构、全局视野、把模糊变清晰。
过去这些能力被「写代码」这件事掩盖了，大家拼的是谁手快、谁加班多。现在这层遮羞布被 AI 揭掉了，反而逼着每个人去回答一个更本质的问题：
除了会写代码，你还会什么？
我用 30 天的纯 vibe coding，给自己找到了答案。希望这篇文章，能帮你也早点开始找你的。
文中提到的三个开源项目：
- Bourse · AI 股票研究平台（纯 vibe coding 实战）：
github.com/crisweb1994/bourse - 60 天 Node.js 全栈路线：
github.com/crisweb1994/60-days-nodejs - DevHelper · 从零到一开发 AI Agent（分步骤教学）：
github.com/crisweb1994/DevHelper
如果对你有帮助，欢迎给个 Star。