开篇:一个“速成全栈”的大一新生画像
我是一名双非院校的大一软件工程新生,开学不到三个月,我的学习路径就像开了倍速:HTML/CSS/JS 入门,跟着教程学 Vue,转头又刷 React 的 Hook,现在已经能靠 Cursor 和 Claude,用 Next.js 跑通一个带登录功能的全栈博客了。
说出来有点讽刺:我能对着一句“帮我做一个带用户系统的备忘录”,让 AI 从路由配置写到数据库连接,半小时就跑通一个能注册登录、增删改查的小项目;但如果关掉 AI,让我手写一个防抖函数,或者解释清楚 Next.js 的 App Router 和 Pages Router 缓存机制的区别,我大概率会在键盘前卡壳十分钟。
以前我以为,会写组件、调通接口就是“前端大牛”;现在我发现,Vibe Coding 把这些门槛直接给我铲平了。AI 能比我快十倍写出工整的代码,甚至比很多大厂实习生写的还规范。我像个坐在副驾的乘客,看着车一路飞驰,却越来越慌:我跑得太快了,快到低头一看,脚下的地基好像是空的。
我的“Vibe Coding”真实工作流
很多人说,大一就搞全栈是好高骛远,但我确实靠 AI,在三个月里走完了别人半年的路。我不是那种只会复制粘贴的人,我有一套自己的玩法。
从 0 到 1 靠嘴写代码
我的第一个全栈项目是个个人备忘录,从 0 到 1 全靠跟 AI 对话:
- 我先跟 Claude 说清需求:“帮我做一个 Next.js 的备忘录,支持用户注册登录,笔记要存在数据库里,界面要简约。”
- 它给了我项目初始化的步骤,从创建 Next.js 项目,到安装 Prisma、配置数据库,一步一步写得明明白白。
- 遇到报错,我直接把错误日志甩给 Cursor,它会帮我定位是环境变量没配置,还是 API 路由写错了,甚至连修复后的代码都直接给我。
就这么边聊边改,三天时间,我就有了一个能跑通的备忘录网站,甚至还加上了暗黑模式切换。
AI 是我的全栈老师
我最常用的功能不是“生成代码”,而是**“解释代码”**。
比如之前我看不懂 useEffect 的闭包陷阱,就把一段有问题的代码扔给 AI,让它“用比喻讲清楚”。它给我举了个例子:
你可以把
useEffect里的函数想象成一张拍立得照片,它只会拍下它创建那一刻的变量值,后面变量变了,照片里的内容也不会变。
那一刻我突然就懂了。现在我看不懂任何代码,第一反应不是跳过,而是让 AI 逐行解释,告诉我每一行的作用,以及为什么要这么写。
目前的产出:不只是空架子
我知道,光说不练假把式。除了那个备忘录,我还做了几个小玩意:
- 一个能随机生成文案的网页,AI 帮我写好了请求和渲染逻辑,我自己调了样式;
- 一个用 Next.js 做的个人主页,虽然 UI 很丑,但路由、静态生成、图片优化都跑通了;
- 甚至还跟着 AI,给我的备忘录加了个简单的权限校验。
它们可能很粗糙,有很多 bug,但都是我自己动手,靠 AI 辅助做出来的。
深夜焦虑:当“实现功能”变得廉价,我的竞争力在哪?
但跑得越快,我心里的慌就越真实。
以前我觉得,能调通 API、写出完整页面,就已经很厉害了。现在我发现,这些事 AI 做起来,比我快十倍,还比我稳十倍。
我开始深夜反复拷问自己:
- 如果企业招初级前端/全栈,只是为了写组件、调接口,那未来还需要我吗?
- 双非的学历标签,再加上 AI 的冲击,我是不是直接被双重 DEBUFF 压死了? -刷到大厂面经,扪心自问:那些手写题,我看得懂答案,但合上屏幕,一行都敲不出来。这种“懂却不会”的灰色地带,我真的会编程吗?
- 我到底该往哪走?是继续追 Next.js 15 的新特性,还是回头啃算法和底层?或者干脆转 Java 后端,找个“铁饭碗”?
我看着论坛里的帖子,有人说“前端已死”,有人说“AI 会取代初级程序员”,越看越迷茫。我花了几个月学会的东西,AI 一句话就能搞定,那我这几个月到底学了什么?
刷到大厂面经,扪心自问:那些手写题,我看得懂答案,但合上屏幕,一行都敲不出来。这种“懂却不会”的灰色地带,最让人心里没底。
自救指南:大一的我,决定用这 3 种方式“驾驭”Vibe Coding
焦虑归焦虑,我不想躺平。既然没法对抗 AI,那我就学着驾驭它。我给自己定了三个策略,把 Vibe Coding 变成我的工具,而不是我的对手。
策略一:从“会用”转向“会审”
我不再满足于让 AI 生成代码然后直接用了。现在的流程是:
- 让 AI 生成核心代码;
- 强制自己逐行看懂每一行逻辑,搞清楚它为什么这么写;
- 在代码旁边写上详细的注释,解释清楚这段代码的作用、原理,以及可能的问题。
我不再把 AI 当成“代码生成器”,而是当成“我的初级程序员”,我是它的代码审核员。如果我连它写的代码都看不懂,那我永远也学不会真正的东西。
策略二:刻意练习“破坏与修复”
这是我最近发现的最好的学习方法。AI 帮我写好能跑通的代码后,我会故意搞破坏:
- 把 Next.js 的服务端组件改成客户端组件,看它怎么报错;
- 删掉某个
await关键字,看数据流转会出什么问题; - 故意给变量传错类型,看控制台会报什么错。
然后我再去修复这些问题,搞清楚每一步为什么会出错,怎么解决。
我慢慢明白:Vibe Coding 能帮我从 0 到 1,但从 1 到 -1 的排错能力,才是我未来吃饭的本事。 AI 能写出能跑的代码,但出了问题,能快速定位、修复、优化的人,才是不会被取代的。
策略三:用“全栈视角”去追问 AI
大一最大的优势就是时间多,我不想只盯着前端那点东西。每次 AI 帮我写了 API 接口,我都会追着它问到底:
🧑💻 我:这段登录代码里为什么要用
bcrypt.compare而不是直接===对比密码?🤖 AI:因为数据库存的是哈希值,不是明文密码。
===对比两个字符串永远对不上。🧑💻 我:那哈希加盐到底怎么防彩虹表攻击的?说人话,最好画个流程。
🤖 AI:假设密码是“123456”。不加盐,黑客提前算好了“123456”的哈希值,一查表就破解了。加了随机盐“a8F3”,哈希的是“123456a8F3”,黑客的表里没有这一条,就破不了。流程大概是:用户注册→生成随机盐→密码+盐一起哈希→存盐和哈希值;登录时→取出盐→用户输入密码+盐一起哈希→对比两个哈希值。
🧑💻 我:那这个随机盐存在数据库里,黑客如果拿到数据库了,不就能看到盐了吗?
🤖 AI:看到盐也没用。彩虹表是提前算好的一对多映射,加了盐之后,每个密码的哈希输入都不一样,黑客必须为每个用户单独重新算一遍,成本直接爆炸。
我发现,AI 不只是能帮我写代码,它还能帮我搭架构。我让它给我讲清楚,一个用户登录请求,从前端点击按钮,到后端处理,再到数据库存数据,中间每一步都发生了什么。
现在我的心态变了:AI 帮我写代码,我用 AI 学架构。 我写的是前端,但我脑子里装的是全栈的逻辑。
写给同样迷茫的大一/大二同学:双非的我们,反而更该拥抱这场变革
写这篇文章,也是写给和我一样迷茫的同龄人,尤其是和我一样的双非学生。
我慢慢想通了:Vibe Coding 没有把我逼到绝路,反而给了我一条新的路。以前,名校的同学有更好的实验室、更好的项目资源,而我们只能靠自己瞎摸索。但现在不一样了,只要你有一台电脑,会提问,会思考,你就能靠 AI 跑通复杂的企业级 Demo,接触到以前根本碰不到的技术栈。
大一迷茫是很正常的,因为我们在用大一的认知,去预判四年后的世界。既然看不清四年后会怎么样,那不如就把眼前的事做到极致:
- 用 AI 做出完整的作品;
- 再用脑子搞懂作品里的每一行代码;
- 别怕试错,别怕破坏,别怕搞砸。
也许未来不需要只会写代码的码农,但永远需要能利用代码解决真实问题,并且能看懂代码是怎么解决问题的人。
最后,也想问问大家:
如果现在给你两周时间,只能选一个方向深入,你会选:
- A. 把《JavaScript 高级程序设计》里的原型链、闭包、事件循环彻底啃透;
- B. 用 Next.js + Prisma + NextAuth 从零手写一个带 GitHub 登录的博客,且不用 AI 生成任何一行代码。
我目前倾向 B,因为觉得做作品更重要,但又怕基础不牢。你们大一的时候会怎么选?欢迎在评论区聊聊。