从零开始Vibe Coding保姆级教程：不会代码也能做产品

来源：互联网 2026-08-01 06:36:04

国产大模型快速发展，为不会代码的人提供了用AI编程工具从零开始做产品的黄金时机。从购买CodingPlan、注册域名、备案到使用Agent开发、部署上线，整个流程简单可行。核心在于理解系统架构，掌握迭代流程，并学习基础运维知识，即可将想法落地为真实产品。

最近这段时间，国产大模型集体起飞了。

各家基本都摸到了半步Fable 5的境界。2.8T的Kimi K3，2.4T的Qwen 3.8 Max，而在接下来的牌桌上，肉眼可见的，还有马上要上线的DeepSeek V4正式版，以及Seed、GLM、MiMo、LongCat等一大波更大规模的版本排着队赶来。

长期稳定更新的攒劲资源： >>>点此立即查看<<<

可以说，这就是所有在国内想用AI搓一个产品、想把想法变成现实的人，最好的黄金岁月。

现在，你不需要捏着鼻子用海外模型了，考虑到封号、魔法工具、付费……这些麻烦事，你完全可以直起身来，用我们自己的模型，做自己想做的事。

包括我自己做的AIHOT，从5月发布到现在，两个多月时间，最近一周的周活终于过了30万，月活也正式过了60万。

所以，今天可以分享一下，作为一个纯外行，如果想从零开始，用国产模型徒手搓出一个完全属于自己的产品，需要哪些步骤和流程，以及一些坑。

先叠甲——下面这套流程，是我自己作为非专业人士跑得比较顺的一条路径，主要面向完全不懂代码、想先把第一个产品做出来的人。不同类型的产品当然可以选择不同的托管平台，成熟的工程团队也会有各自的开发规范。这里讲的是一条足够简单、能从零走到正式上线的方案，绝不是唯一的标准答案。

好，开始吧。

1. 买一个国产大模型的Coding Plan套餐

你需要一个能帮你写代码的AI。Kimi、GLM、Qwen……都无所谓，能买到哪个就用哪个，差距没有想象中那么大。

2. 下载各家官方的Agent编程产品

买了Coding Plan之后，去下载对应的Agent编程产品。ZCode、Qoder、Kimi Code等等，你买了哪家的就用哪家的——未来肯定是自家的Agent更适合自家的大模型，可以提前用起来。虽然现在很多Harness还是不如Claude Code，但会很快补上。

从零开始Vibe Coding保姆级教程：不会代码也能做产品

3. 想好你的产品名字

很多人觉得名字随便起一个就行，做完再改。但事实恰恰相反——你后面所有的东西，logo、域名、备案、小程序名称、App Store上架，全都跟名字绑定，改名的成本比你想象的大一百倍。

名字要简短、好记，最好有点辨识度。起名的时候顺便在微信搜一下公众号、小程序有没有同名的，在App Store和各大应用商店搜一下有没有撞车的。这一步花十分钟，能省掉后面很多麻烦。

4. 注册一个域名

名字想好的那一刻，立刻去注册域名。去火山引擎、腾讯云、阿里云都可以，到域名注册页面搜你想要的域名。

从零开始Vibe Coding保姆级教程：不会代码也能做产品

这一步我吃过亏——AIHOT当时真是随便取的，没想到后来做起来了，结果一查，AIHOT.com这个域名，是我可能永远都买不起的程度……

5. 买一台服务器

产品做出来之后，需要一个地方运行，不能跑在自己电脑上——电脑一关，全世界都访问不了了。为了让整套教程有一条统一、直观的路径，下面以云服务器为例。部分静态网站和轻量产品也可以使用Serverless、云开发或托管平台，不一定需要自己维护服务器。不过现在有了Agent，维护服务器已经很简单了。

从零开始Vibe Coding保姆级教程：不会代码也能做产品

买服务器推荐腾讯云，新客通常有大优惠，一年轻量服务器可能才99或199，轻度产品足够了。不知道配置怎么选，直接截图问你的AI，告诉它你想做什么产品，让它帮你挑。当然，最好的方式是让Agent直接操控你的浏览器帮选。

6. 同步去做ICP备案

这一步非常重要。在中国大陆，域名如果要对外提供服务，必须做ICP备案。不备案，域名解析直接被运营商拦截，用户打不开网站。在你买服务器的云平台上找到“备案”入口，按指引提交身份证、域名信息、网站名称，然后等审核，一般一到两周。

从零开始Vibe Coding保姆级教程：不会代码也能做产品

切记，一定要跟开发同步进行，别等产品做完了才想起来备案。如果你做的是出海产品，那无所谓，但出海的话记得买海外服务器，比如新加坡或美西的节点，离目标用户近一些。

7. 新建一个项目文件夹

好，准备工作全部做完了。域名有了，服务器有了，备案提交了，AI编程工具也装好了。现在，在你的电脑上新建一个文件夹——起一个跟你产品名字一样的文件夹名，放在你喜欢的位置。这个文件夹，就是你接下来整个产品的家，所有代码、配置、文档，都会在这里。

从零开始Vibe Coding保姆级教程：不会代码也能做产品

8. 启动Agent，开始开发

打开第2步装好的Agent编程产品，把工作目录指向你刚才建的文件夹。具体操作每个产品不太一样，但大致都是“选择一个工作目录”然后开始对话。从这一刻起，你的AI就驻扎在项目里了，它能看见你的文件，能帮你创建新文件、写代码、跑代码、调代码。

从零开始Vibe Coding保姆级教程：不会代码也能做产品

9. 注册一个GitHub账号

GitHub是全球最大的代码托管平台。代码不能只存在自己电脑上——万一硬盘坏了、电脑丢了，什么都没了。注册一个免费的GitHub账号，让Agent帮你连接上，然后把代码推到GitHub上的一个私有仓库里（注意是私有仓库，不是公开的）。

从零开始Vibe Coding保姆级教程：不会代码也能做产品

整体告诉Agent一句话就行：“初始化Git仓库，连接我的GitHub账号，创建一个私有GitHub仓库，并提交第一个初始版本。”现在，你和Agent的协作正式开始。

10. 开启Plan模式，说清楚你要做什么

大多数Agent编程产品都有一个Plan模式（或规划模式），用人话告诉AI你想做什么，它会先帮你理清需要做的事情，列出一个计划清单，而不是直接开始执行。

从零开始Vibe Coding保姆级教程：不会代码也能做产品

这一步，用最简单直白的语言描述你的产品。注意，别想太多——不需要画原型图，不需要写需求文档，不需要列所有功能。就说你最核心想要的那个东西，后面的功能可以慢慢加，但第一版可以很简单。先看到产品出来的正反馈，比什么都重要。AI会根据你的描述生成一份规划文档，你看一下是不是想要的方向，确认了就进入下一步。

11. 让Agent根据Plan文档开始执行开发

确认了Plan之后，告诉Agent开始执行。它会自动创建项目结构、写代码、装依赖……你什么都不用管，看着它干活就行。过程中，它做完一块会问你要不要看看效果，或者有没有什么要调整的。

12. 在本地模式下验收

Agent开发到一定程度后，会给你一个本地预览地址，大概率是类似localhost:3001这种。在浏览器里打开这个地址，你就能看到产品长什么样了。

从零开始Vibe Coding保姆级教程：不会代码也能做产品

这时候不需要着急部署上线，就在这个本地环境里慢慢调。UI不好看就让AI改，功能逻辑不对就让AI修，改到满意为止。你是产品经理，AI是执行者——你觉得对就是对，觉得不对就让它改。

13. 使用洁癖.skill，对文档和代码进行规范化整理

这是我自用的一个Vibe Coding专用Skill，也是目前用得最多的一个。

从零开始Vibe Coding保姆级教程：不会代码也能做产品

在开发过程中，跟AI聊了很多轮、改了很多东西，代码和文档大概率已经有点乱了，甚至会自相矛盾。洁癖.skill专门干一件事：把项目文档、代码规则、AI记忆文件全部规范化整理一遍。

从零开始Vibe Coding保姆级教程：不会代码也能做产品

因为AI的记忆是有限的，新开一轮对话，前面聊的东西它就忘了。如果没有一份干净、没有矛盾的项目文档兜底，AI就会开始瞎编——忘了之前的设计决策，忘了产品逻辑，然后写出一堆跟之前完全矛盾的代码。开源地址：https://github.com/KKKKhazix/khazix-skills/tree/main/neat-freak

跑完洁癖.skill之后，结束这个对话。以后每次开新对话，AI只需要读一遍项目里的文档，就能快速恢复上下文，知道项目是什么状态、接下来该干什么。

14. 跟Agent一起学一些专业名词

到这一步，你已经有了一个能跑的产品、一个干净的代码仓库、一套基本的版本管理流程。你不需要懂代码，但需要懂一些名词——比如Git、分支、主分支（main）、PR、CI、测试流程等等。可以直接让Agent给你解释。不需要完全搞懂，但要知道这些词在说什么，否则后面用时会一头雾水，流程也不规范。

15. 做一个测试流程

Agent开发非常快，所以测试反而很重要。直接跟Agent说：“帮我根据我的项目搭一套完整的测试流程。”如果预算允许，可以开一个GitHub Pro会员，一个月只需4美元。买这个会员最核心的原因只有一个：能让你在私有仓库里开启分支保护。

从零开始Vibe Coding保姆级教程：不会代码也能做产品

设定好规则之后，任何人（包括你自己）都没办法直接往主分支上推代码，所有改动都必须走PR，PR必须通过CI测试，测试通过才允许合并。没有分支保护时，你或Agent随时可能手一抖，直接把有问题的代码推到主分支上，然后线上直接崩掉，或者搞出一套复杂的维护脚本。有了分支保护，这条路就被堵死了。买完后告诉Agent：“我买了GitHub Pro会员，帮我开启分支保护，再给我的项目做好全面、规范、专业的测试流程。”当然，不买也行，只是未来项目成熟后想飞速迭代，会麻烦一点。

16. 把项目部署到你的服务器上

新起一个对话，把服务器IP地址发给Agent，告诉它：“我要把这个项目部署到这台服务器上。”Agent会处理好一切，有问题的话，登录云厂商控制台，让它自己操控浏览器去解决。然后，代码就会在服务器上自动7x24小时运行了——终于，不再是本地代码了。

17. 把域名连到你的项目上

告诉Agent你的域名是什么，让它帮你把域名指向服务器，然后搞个免费证书，配好HTTPS。这一切还是一样，你让Agent干就行。做完之后，在浏览器里输入域名，你应该就能看到产品了——一个真实的、全世界任何人都能访问的网址。相信我，第一次在浏览器里输入自己的域名，看到自己搓出来的产品真的能打开，那个感觉绝对超级爽。

18. 进入无限循环的迭代流程

上线不是终点，是起点。从这一步开始，日常工作流大概率就固定了：新建分支 → 说出需求 → Agent开发完成 → 跑一遍洁癖.skill统一文档 → 提交PR过CI测试 → 合并到主分支 → 部署上线。每一次改版、每一个新功能、每一个bug修复，都走这个循环。

这个流程看着好像很复杂，但跑两三遍就肌肉记忆了。最大的好处是安全——每次改动都在分支上，不会直接动主分支，改坏了就扔掉这个分支重新来，主分支上永远是稳定能跑的版本。同时也能让你稳定地并发三四个任务。

从零开始Vibe Coding保姆级教程：不会代码也能做产品

19. 可以不懂代码，但对系统的架构必须了如指掌

这一条不是操作步骤，是一个原则，也是整篇文章里最重要的一段话。你可以不会写代码，可以让AI帮你写所有代码，但你必须知道产品到底是怎么运转的：每一个前端页面对应哪个接口，每一个后端接口做了什么事，数据库有哪些表，每张表里存了哪些字段，这些字段怎么被用到，用户点了一个按钮后数据怎么流转。这些事情必须清楚。

因为如果不清楚，你就丧失了对产品的判断力。AI说改好了，你连验收都验收不了；AI提一个技术方案，你分不清它是合理建议还是用一堆复杂的东西糊弄你。不要让渡自己的思考。AI是你的执行者，但你必须是那个知道这件事应该怎么做的人。你可以不知道代码怎么写，但必须知道逻辑怎么走。

做AIHOT的时候，每次跟AI讨论架构方案，我都会让它把方案解释清楚——为什么用这个方案不用那个方案，好处是什么、坏处是什么。听明白了、同意了，或者认为有更好的更适合的方案，才会让它动手。这要求你在完全不懂技术的前提下，去理解技术系统的运作方式，但恰恰是Vibe Coding最核心的能力。

20. 最后，一定要学一些运维知识

产品刚上线时，可能就几十个人用，服务器随便扛。但当用户慢慢多起来之后，有些事情就不一样了——缓存机制、防爬虫、防DDoS、流量带宽的费用控制……这些东西早期完全不用管，但用户量过了一定级别之后，不管它，它就会来干你。不要被人一天刷了4000块的账单才想起来去学习，防范意识要趁早。这是一个巨坑，可以慢慢学，我也还在学。