不会代码也能做产品：Vibe Coding 保姆级教程
最近，国产大模型也都起飞了。
基本都达到了半步Fable 5境界。
2. 8T的Kimi K3，2.4T的Qwen 3.8 Max，而在未来，肉眼可见的，还有马上上线的DeepSeek V4正式版，还有Seed、GLM、MiMo、LongCat等等要到来的更大规模的版本。2.8T的Kimi K3，2.4T的Qwen 3.8 Max，而在未来，肉眼可见的，还有马上上线的DeepSeek V4正式版，还有Seed、GLM、MiMo、LongCat等等要到来的更大规模的版本。
现在，你不需要捏着鼻子用海外的模型了，考虑到对面封号、考虑到魔法、考虑付费等等，你可以直起身来，用我们自己的模型，来做你自己想做的东西。
这里讲的是一条足够简单、能够从零走到正式上线的方案，完全不代表唯一的标准答案。
- ✓那，让我们开始吧。
20 步总览：从想法到上线的完整清单
- 买一个国产大模型的Coding Plan套餐。
- 去下载各家官方的Agent编程产品。
- 想好你的产品名字。
- 注册一个域名。
- 买一台服务器。
- 同步去做ICP备案。
- 新建一个你的项目文件夹。
- 在这个项目文件夹下，启动你的Agent，开始开发。
- 注册一个GitHub账号。
- 开启Plan模式，说清楚你要做什么。
- 让Agent根据Plan文档，开始执行开发。
- 在本地模式下验收。
- 使用洁癖.skill，对文档和代码进行规范化整理。
- 跟Agent一起学一些专业名词。
- 做一个测试流程。
- 把项目部署到你的服务器上。
- 把域名连到你的项目上。
- 进入无限循环的迭代流程。
- 可以不懂代码，但对功能的架构必须了如指掌。
- 最后，一定要学一些运维知识。
一、准备阶段：套餐、名字、域名、服务器与备案
- 买一个国产大模型的Coding Plan套餐。
你需要一个能帮你写代码的AI。
Kimi、GLM、Qwen等等都无所谓，能买到哪个就用哪个，差距没有你想象的大。
- 去下载各家官方的Agent编程产品。
买了Coding Plan之后，去下载各家官方的Agent编程产品。
- 想好你的产品名字。
很多人觉得名字随便起一个就行了，做完再改。
但不是这样的，你后面所有的东西，logo、域名、备案、小程序名称、App Store上架，全都跟名字绑定，改名的成本比你想象的大一百倍。
名字简短、好记、最好有一点辨识度，起名的时候顺便在微信搜一下公众号、小程序有没有同名的，在App Store和各大应用商店搜一下有没有撞车的。
这一步花十分钟，能省你后面很多麻烦。
- 注册一个域名。
名字想好的那一刻，立刻去注册域名。
去火山引擎、腾讯云、阿里云啥的都可以，去域名注册页面，搜你想要的域名。
- 买一台服务器。
你的产品做出来之后，它得有一个地方运行，不能跑在你自己电脑上，你电脑一关，全世界都访问不了了。
为了让整套教程拥有一条统一、直观的路径，所以我们下面都以以云服务器为例，部分静态网站和轻量产品也可以使用Serverless、云开发或托管平台啥的，不一定需要自己维护服务器。
不过现在维护服务器因为有了Agent之后，维护已经很简单了。
买服务器这里，推荐一下腾讯云上的服务器，新客一般都有大优惠，一年一个轻量的可能才99或者199，轻度产品使用足够了，不知道配置怎么选，就直接截图问你的AI，告诉它你想做什么产品，让它帮你挑。
当然，最好的方式，就是让Agent操控你的浏览器，直接帮你选。
- 同步去做ICP备案。
- ✓这一步非常重要。
在中国大陆，你的域名如果要通过境内服务器对外提供服务，通常需要完成 ICP 备案。未备案时，解析到境内服务器的域名存在被拦截的风险，用户可能打不开你的网站。
在你买服务器的那个云平台上找到“备案”入口，按指引提交身份证、域名信息、网站名称，然后等审核，一般一到两周。
最好跟开发同步进行，别等产品做完了才想起来备案。
如果你做的是出海产品，那就无所谓了，但出海的话记得买海外服务器，比如新加坡或者美西的节点，离你的目标用户近一些。
- 新建一个你的项目文件夹。
OK，准备工作全部做完了。域名有了，服务器有了，备案提交了，AI编程工具也装好了。
现在，在你的电脑上新建一个文件夹。
就这样。起一个跟你产品名字一样的文件夹名，放在你喜欢的位置。
这个文件夹，就是你接下来整个产品的家，你的所有代码、所有配置、所有文档，都会在这个文件夹里。
二、开发阶段：让 AI 把第一版做出来
- 在这个项目文件夹下，启动你的Agent，开始开发。
打开你第2步装好的Agent编程产品，把工作目录指向你刚才建的那个文件夹。
具体怎么操作，每个产品不太一样，但大致都是"选择一个工作目录"然后开始对话。
从这一刻开始，你的AI就驻扎在你的项目里了，它能看到你的文件，能帮你创建新文件，能帮你写代码、跑代码、调代码。
- 注册一个GitHub账号。
GitHub是全球最大的代码托管平台。
你的代码不能只存在你自己电脑上，万一硬盘坏了、电脑丢了，你什么都没了。
所以，可以注册一个GitHub账号（免费的），让Agent帮你连接上你的GitHub账号，然后把你的代码推到GitHub上的一个私有仓库里，注意是私有仓库，不是公开的。
整体告诉你的Agent一句话就行了。
现在，你和Agent你们两两个的协作，正式开始。
- 开启Plan模式，说清楚你要做什么。
大多数Agent编程产品都有一个Plan模式（或者叫规划模式），用人话告诉AI你想做什么，它会先帮你理清楚需要做哪些事情，列出一个计划清单，别直接开始执行。
你在这一步要做的事情就是，用最简单直白的语言，描述你的产品。
注意，不要想太多，你不需要画原型图，不需要写需求文档，不需要列所有功能，就说你最核心想要的那个东西，后面的功能可以慢慢加，但第一版可以比较简单。
先看到那个产品出来的正反馈，比什么都要强。
AI会根据你的描述生成一份规划文档，你看一下是不是你想要的方向，确认了就进入下一步。
- 让Agent根据Plan文档，开始执行开发。
确认了Plan之后，告诉Agent开始执行。
它会自动创建项目结构、写代码、装依赖等等，你什么都不用管，看着它干活就行，过程中，它做完一块会问你要不要看看效果，或者有没有什么要调整的。
- 在本地模式下验收。
Agent开发到一定程度之后，会给你一个本地预览地址，大概率是类似localhost:3001这种。
在浏览器里打开这个地址，你就能看到你的产品长什么样了。
这时候不需要着急部署上线，就在这个本地环境里，慢慢调，UI不好看就让AI改，功能逻辑不对就让AI修，改到你满意为止。
你是产品经理，AI是执行者，你觉得对就是对，你觉得不对就让它改。
- 使用洁癖.skill，对文档和代码进行规范化整理。
你在前面的开发过程中，可能跟AI聊了很多轮，改了很多东西，你的代码和文档大概率已经有点乱了，甚至会出现自相矛盾的情况。
这个时候，就是洁癖.skill的作用了，专门干一件事，就是把你的项目文档、代码规则、AI记忆文件全部规范化整理一遍。
因为AI的记忆是有限的，你开一轮新的对话，前面聊的很多东西它就忘了。如果没有一份干净的、没有矛盾的项目文档在那里兜底，AI就会开始瞎编，它忘了你之前的设计决策，忘了你的产品逻辑，然后给你写出一坨跟之前完全矛盾的代码。
- ✓开源地址：
- ✓https://github.com/KKKKhazix/khazix-skills/tree/main/neat-freak
跑完洁癖.skill之后，你就结束这个对话。
以后每次开新对话，AI只需要读一遍项目里的文档，就能快速恢复上下文，知道你的项目是什么状态，接下来该干什么。
- 跟Agent一起学一些专业名词。
到这一步，你已经有了一个能跑的产品、一个干净的代码仓库、以及一套基本的版本管理流程。
你不需要懂代码，但你需要懂一些名词，因为后面的流程会经常用到。
比如Git、分支、主分支（main）、PR、CI、测试流程等等。
可以直接让Agent给你解释。
不需要完全搞懂，但你要知道这些词在说什么，要不然后面用到的时候会一头雾水，你的流程也不规范。
三、上线阶段：测试、部署与绑定域名
- 做一个测试流程。
Agent开发非常快，所以测试反而就很重要了。
如果你有多余的预算，也可以考虑开一个 GitHub Pro 会员（目前约 4 美元/月）。
私有仓库要开启完整的分支保护规则，通常需要 Pro 及以上套餐；公共仓库的相关保护则免费开放。暂时不想付费的话，也可以先用约定好的提交流程代替。
设定好规则之后，包括你自己在内，都不能直接往主分支上推代码，改动一般需要走 PR，PR 需要先通过 CI 测试，通过后才允许合并。
没有分支保护的时候，你或者你的Agent随时可能手一抖，直接把有问题的代码推到主分支上，然后线上直接崩掉，要不然就是自己跟自己对抗，搞一套很复杂的维护脚本。
有了分支保护，这条路就被堵死了。
当然，不买也行，就是未来项目成熟后，你想飞速迭代，就会变得麻烦点。
- 把项目部署到你的服务器上。
部署的大部分环节 Agent 都能处理，遇到问题再登录云厂商控制台人工确认。
然后，你的代码就会在你的服务器上自动地7x24小时运行了。
- ✓终于，不再是本地代码了。
- 把域名连到你的项目上。
告诉Agent你的域名是什么，让它帮你把域名指向你的服务器，然后搞个免费的证书，配好HTTPS。
这些操作同样可以交给 Agent 执行，关键节点自己再检查一遍更稳妥。
做完之后，在浏览器里输入你的域名，你应该就能看到你的产品了。
是一个真实的、全世界任何人都能访问的网址。
四、长期迭代：流程、架构与运维避坑
- 进入无限循环的迭代流程。
- ✓上线不是终点，是起点。
从这一步开始，你的日常工作流大概率就固定了。
新建分支 → 说出你的需求 → Agent开发完成 → 跑一遍洁癖.skill统一文档 → 提交PR过CI测试 → 合并到主分支 → 部署上线。
每一次改版、每一个新功能、每一个bug修复，都走这个循环。
这个流程看着好像很复杂，但跑两三遍之后你就肌肉记忆了，而且这个流程最大的好处是安全，因为你每次改动都在分支上，不会直接动主分支，改坏了就扔掉这个分支重新来，主分支上永远是稳定能跑的版本。
也可以让你稳定的并发同时三四个任务。
- 可以不懂代码，但对功能的架构必须了如指掌。
你可以不会写代码，你可以让AI帮你写所有的代码，但你必须知道，你的产品到底是怎么运转的。
每一个前端页面背后对应的是哪个功能，每一个后端逻辑做了什么事情，你的数据库有哪些表，每张表里存了哪些字段，这些字段是怎么被用到的，用户点了一个按钮之后数据是怎么流转的。
- ✓这些事情你必须清楚。
AI给你提一个技术方案，你分不清它是在给你一个合理的建议还是在用一堆复杂的东西糊弄你。
- ✓不要让渡自己的思考。
AI是你的执行者，但你必须是那个知道这件事应该怎么做的人。
你可以不知道代码怎么写，但你必须知道逻辑怎么走。
它要求你在完全不懂技术的前提下，去理解一个技术系统的运作方式。
但这恰恰是Vibe Coding最核心的能力。
- 最后，一定要学一些运维知识。
产品刚上线的时候，可能就几十个人用，服务器随便扛。
但当你的用户慢慢多起来之后，有些事情就不一样了。
缓存机制、防爬虫、防DDoS、流量带宽的费用控制，这些东西在早期你完全不用管，但用户量过了一定级别之后，你不管它它就来干你。
不要被人一天刷了4000块的账单才想起来去学习，防范意识要趁早。
这个是一个巨坑，可以慢慢学。
- ✓写在最后
- ✓写到这里差不多了。
如果有任何不懂、不理解的地方，完全可以把这篇文章复制，再加上你的问题，直接问Agent。
忽然想起两年前，你要搓一个能上线的产品，你得学编程、学框架、学运维、学数据库，光准备和学习的工作，就能劝退99.99%的人。
现在你需要的只有三样东西，一个想法，一个AI编程账号，一台几十块钱的服务器。
- ✓然后，就开始做。
AI 能帮你处理大部分重复劳动。
- ✓这就是最好的。
- ✓黄金时代。
- ✓以上是「不会代码也能做产品：Vibe Coding 保姆级教程」的全部拆解。
我们是海口曦东科技 Nexus-AI 团队——专注把 AI 真正落进企业业务：从诊断、试点到验收陪跑，每一步交付都有书面验收单。
如果你也在研究某个 AI 能力怎么接进自己的业务，欢迎聊聊，我们已经把可落地的第一步整理好了。