（2026年第7周 第7篇）
PRD 写完了，产品思维也有了。
接下来，该写代码了吧？
以前的我，想到“写代码”，脑海里浮现的是这样的画面：
一行一行地敲，从零开始搭建框架，调试各种依赖包，配置环境……
光是想想，就已经想放弃了。
但这次训练营告诉我——
编程不是“烧砖头”，是“搭乐高”。
从“画图纸”到“盖房子”
以前工作中，我更多扮演的是一个“画图纸的人”。
收集需求，写文档，画原型，然后交给开发去实现。
至于代码怎么写、服务器怎么配、域名怎么解析……对我来说是“技术黑盒”，那是工程师的事。
但这次，我真正体验了一把“盖房子”的全流程。
从 PRD → 代码 → 部署 → 上线，从头到尾走了一遍。
那种“如人饮水，冷暖自知”的实操感，是任何理论课程都无法给予的。
我最大的收获是——
原来做一个完整的东西，就是这么几步。
就像搭乐高一样，每一块都有它的位置。
' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
全栈到底包括什么？
训练营把整个过程拆成了 6-8 个步骤。
我自己做下来，发现其实核心就是这几件事：
一、做“壳儿”（前端界面）
“壳儿”就是用户能看到、能点击的那部分。
网页长什么样，按钮在哪里，颜色是什么——这些都是“壳儿”。
以前，这一步需要懂 HTML、CSS、前端框架……
现在，有种叫“Vibe Coding”的工具。
你基本上就是用大白话跟 AI 描述：“我想要一个什么样的网站，有什么样的按钮，什么样的页面”。
它就能帮你生成一个看得见、摸得着的界面原型。
如果模型足够强，连 UI 设计都省了。
我用的是 GLM4.7，讲道理审美真的需要提高，但至少能用。
二、存东西（数据库）
你的“壳儿”有了，用户注册的信息、发布的内容总得有地方存吧？
这就是数据库。
在过去，这是非常麻烦的一步——需要自己买服务器、配数据库。
现在，你可以用像 Supabase 这样的云数据库服务。
你可以把它想象成一个 放在网上的、随用随取的、超级强大的 Excel 表格 ，专门帮你安全地储存和管理所有数据。
非常方便。
三、连起来（前后端连接）
有了“壳”，也有了存数据的地方，下一步就是把它们连起来。
用户在界面上点了一个按钮，这个动作要能真实地去数据库里读取或写入数据。
这样，你的产品就“活”起来了。
这一步，以前需要写后端代码。现在，AI 能帮你完成大部分。
你只需要告诉它：“当用户点击这个按钮时，把这个数据存到数据库里。”
它就能帮你写好代码。
四、版本管理（Git）
这个听起来有点技术，其实不复杂。
你可以把它想象成给你的项目创建一个“存档点”。
就像玩游戏一样，你用一个叫 Git 的工具，每做一次修改就存个档。
万一后面改错了，可以随时“读档”，回到之前的任何一个版本。
这对于不断迭代产品来说至关重要。
五、发布到网上（部署）
这个词听起来也挺吓人。
但有了像 Vercel 这样的平台，你只需要点几下按钮。
它就能把你的网站发布到互联网上，生成一个全球任何人都可以访问的网址。
这就相当于按下了“发布”按钮，让我的作品能被全世界看到。
六、绑个域名（可选）
如果你想让你的网站有个好记的名字，比如 xiaomou.com ，而不是 vercel.app/xxxxx 这种长长的网址。
你可以去买个域名，然后绑定到你的网站上。
这一步不是必须的，但会让你的网站看起来更专业，比如说我的。
就这么几步
做“壳儿” → 存东西 → 连起来 → 存档 → 发布 → 绑域名
这 6 个步骤，就像一张非常清晰的地图。
把过去那个看起来深不可测的“软件工程”，变成了一条普通人也能走通的路径。
AI 好像真的在帮我们把每一步的技术门槛都给踏平了。
纯粹的编程本身，可能只是第三步“连起来”里的一部分工作。
而现在，AI 甚至能帮你完成大部分。
过去那些由信息差构成的壁垒，正在被快速打破。
' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
现实给了我当头一棒
当然，说起来容易，做起来……
在我哼着小曲当完监工后，
现实还是给了我当头一棒。
环境变量的“拉锯战”
部署个人主页时，我遇到了最大的难点。
由于我做的是调用 API 的静态网页，涉及密钥（API Key）和使用密码的安全存放。
我需要在 Vercel 的后台进行环境变量设置。
然而，这个过程演变成了一场“复制粘贴”的拉锯战：
- 填完数值上传后报代码错误；
- 模型纠错，重新上传，我继续复制粘贴，结果继续报错；
- 由于模型生成的代码片段中，密码前后有时会带有隐蔽的空格或格式错误，极为不好辨认；
我反复尝试了不下 5 遍，来来回回复制 20 多条；
那种对着一串串超长密钥反复调试的体验确实不算良好。
但这也让我深刻理解了—— 开发环境和生产环境是两回事。
在你自己电脑上能跑，不代表发布到网上就能跑。
从“望而生畏”到“信手拈来”
但神奇的是，当这个坎跨过去之后。
当我看到自己亲手做的工具在电脑和手机端都能完美同步运行、达到预期效果时。
那种掌控感是前所未有的。
网站部署、域名解析、API 联调这些曾经觉得遥不可及的技术词汇。
在 AI 的拆解下，突然就不那么吓人了。
我完成了从“望而生畏”到“信手拈来”的祛魅。
20 分钟 vs 10 小时
这次经历彻底改变了我的“成本观”。
以前面对一些细小的痛点，我总觉得“不值当”去专门做一次开发，宁愿忍受繁琐。
但现在有了 AI Coding 的加持，开发成本被极度压缩。
我做那个看字猜颜色游戏，从 PRD 到上线，只用了大约 20 分钟。
如果这 20 分钟写出的一个小工具，能在未来为我节省 1 小时、2 小时甚至 10 小时，那这就是一笔回报率极高的投资。
现在，只要有趁手的想法，我随时随地可以与 AI “聊”出一个解决方案。
这种“即想即得”的能力，让工具真正服务于生活，而非束之高阁。
技术祛魅之后
当我走完这几步，把一个想法变成一个真实可用的产品后。
我忽然明白了一件事。
技术祛魅之后，剩下的是——你想要什么。
不是“我会不会”，而是“我想不想”。
不再是“这个好难，我学不会”，而是“这个有没有价值，值不值得做”。
门槛不在技术，而在想法。
继续滑动看下一个
哞小哞的杂货铺
向上滑动看下一个
解释