### [不会代码也能做产品：一份 Vibe Coding 从零到上线保姆级教程](https://www.zuoshipin.com/article/13594)

**Published:** 2026-07-21T08:25:58

**Author:** AI_Tools

**Excerpt:** 国产大模型集体起飞，Kimi K3、Qwen 3.8 Max 等相继达到大规模参数级别。AIHOT 作者「数字生命卡兹克」分享了自己作为纯外行用 AI 从零搓出月活 60 万产品的完整 Vibe Coding 流程：从买 Coding Plan、取名字、注册域名、ICP 备案、Agent 开发、洁癖.skill 规范整理、GitHub 分支保护、部署上线到迭代循环，20 个步骤一次说清。

**导语｜**国产大模型集体起飞了。2.8T 的 Kimi K3，2.4T 的 Qwen 3.8 Max，马上上线的 DeepSeek V4 正式版，还有 Seed、GLM、MiMo、LongCat 等等更大规模的版本。AIHOT 作者「数字生命卡兹克」认为，这就是所有在国内想用 AI 搓一个自己产品的人最好的黄金岁月。他自己搓的产品 AIHOT，从 5 月发布到今天 2 个多月，最近一周周活过了 30 万，月活正式过了 60 万。本文整理他作为纯外行从零到上线的完整 Vibe Coding 流程，涵盖 20 个步骤和所有踩过的坑。

![国产大模型参数规模对比示意图](https://admin.zuoshipin.com/wp-content/uploads/2026/07/vc_img1.webp)

## 一、准备工作（第 1–7 步）

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

你需要一个能帮你写代码的 AI。Kimi、GLM、Qwen 等等都无所谓，能买到哪个就用哪个，差距没有你想象的大。现在国产大模型基本都达到了「半步 Fable 5 境界」，不需要捏着鼻子用海外模型——考虑到对面封号、魔法、付费等等现实问题，你可以直起身来，用我们自己的模型做你自己想做的东西。

![Coding Plan 套餐选购建议](https://admin.zuoshipin.com/wp-content/uploads/2026/07/vc_img2.webp)

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

买了 Coding Plan 之后，去下载各家官方的 Agent 编程产品。ZCode、Qoder、Kimi Code 等等，你买了哪家的 Coding Plan 就用哪家的，因为未来肯定是自家的 Agent 更适合自家的大模型，可以提前用起来。虽然现在很多的 Harness 还是不如 Claude Code，但是补上只是时间问题。

### 3\. 想好你的产品名字

很多人觉得名字随便起一个就行了，做完再改。但不是这样的。你后面所有的东西——logo、域名、备案、小程序名称、App Store 上架——全都跟名字绑定，改名的成本比你想象的大一百倍。名字简短、好记、最好有一点辨识度，起名的时候顺便在微信搜一下公众号、小程序有没有同名的，在 App Store 和各大应用商店搜一下有没有撞车的。这一步花十分钟，能省你后面很多麻烦。

### 4\. 注册一个域名

名字想好的那一刻，立刻去注册域名。去火山引擎、腾讯云、阿里云都可以，搜你想要的域名。作者自己在这一步吃了大亏——AIHOT 当时真的就是随便取的，结果后面做起来了，一查 AIHOT.com 这个域名，是他可能永远都买不起的程度。

![域名注册流程示意图](https://admin.zuoshipin.com/wp-content/uploads/2026/07/vc_img3.webp)

### 5\. 买一台服务器

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

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

![云服务器选购配置建议](https://admin.zuoshipin.com/wp-content/uploads/2026/07/vc_img4.webp)

### 6\. 同步去做 ICP 备案

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

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

![ICP 备案流程指引](https://admin.zuoshipin.com/wp-content/uploads/2026/07/vc_img5.webp)

### 7\. 新建一个你的项目文件夹

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

![项目文件夹结构示例](https://admin.zuoshipin.com/wp-content/uploads/2026/07/vc_img6.webp)

## 二、开始 Coding（第 8–14 步）

### 8\. 在这个项目文件夹下，启动你的 Agent，开始开发

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

![Agent 编程产品工作界面示意](https://admin.zuoshipin.com/wp-content/uploads/2026/07/vc_img7.webp)

### 9\. 注册一个 GitHub 账号

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

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

![GitHub 私有仓库设置](https://admin.zuoshipin.com/wp-content/uploads/2026/07/vc_img8.webp)

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

大多数 Agent 编程产品都有一个 Plan 模式（或者叫规划模式）。用人话告诉 AI 你想做什么，它会先帮你理清楚需要做哪些事情，列出一个计划清单——别直接开始执行。你在这一步要做的事情就是，用最简单直白的语言，描述你的产品。

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

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

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

### 12\. 在本地模式下验收

Agent 开发到一定程度之后，会给你一个本地预览地址，大概率是类似 localhost:3001 这种。在浏览器里打开这个地址，你就能看到你的产品长什么样了。这时候不需要着急部署上线，就在这个本地环境里，慢慢调：UI 不好看就让 AI 改，功能逻辑不对就让 AI 修，改到你满意为止。你是产品经理，AI 是执行者，你觉得对就是对，你觉得不对就让它改。

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

这是作者自己做的一个 Vibe Coding 专用 Skill，也是他用得最多的 skill。在前面的开发过程中，你可能跟 AI 聊了很多轮，改了很多东西，你的代码和文档大概率已经有点乱了，甚至会出现自相矛盾的情况。

这个时候，就是洁癖.skill 的作用了——专门干一件事：把你的项目文档、代码规则、AI 记忆文件全部规范化整理一遍。因为 AI 的记忆是有限的，你开一轮新的对话，前面聊的很多东西它就忘了。如果没有一份干净的、没有矛盾的项目文档在那里兜底，AI 就会开始瞎编——它忘了你之前的设计决策，忘了你的产品逻辑，然后给你写出一坨跟之前完全矛盾的代码。

**开源地址：**[github.com/KKKKhazix/khazix-skills/tree/main/neat-freak](https://github.com/KKKKhazix/khazix-skills/tree/main/neat-freak)

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

![洁癖.skill 规范化整理效果示意](https://admin.zuoshipin.com/wp-content/uploads/2026/07/vc_img9.webp)

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

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

## 三、打磨与部署（第 15–18 步）

### 15\. 做一个测试流程

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

你设定好规则之后，任何人，包括你自己，都没办法直接往主分支上推代码。所有的改动都必须走 PR，PR 必须通过 CI 测试，测试通过了才允许合并。没有分支保护的时候，你或者你的 Agent 随时可能手一抖，直接把有问题的代码推到主分支上，然后线上直接崩掉。有了分支保护，这条路就被堵死了。

买完以后，告诉你的 Agent：「我买了 GitHub Pro 会员，帮我开启分支保护，再给我的项目做好全面且规范、专业的测试流程。」当然，不买也行，就是未来项目成熟后，你想飞速迭代，就会变得麻烦点。

![GitHub 分支保护与 CI 测试流程](https://admin.zuoshipin.com/wp-content/uploads/2026/07/vc_img10.webp)

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

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

![项目部署到云服务器流程](https://admin.zuoshipin.com/wp-content/uploads/2026/07/vc_img11.webp)

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

告诉 Agent 你的域名是什么，让它帮你把域名指向你的服务器，然后搞个免费的证书，配好 HTTPS。这一切还是一样，不用你管，你让你的 Agent 干就行。做完之后，在浏览器里输入你的域名，你应该就能看到你的产品了——是一个真实的、全世界任何人都能访问的网址。

「相信我，第一次在浏览器里输入自己的域名，看到自己搓出来的产品真的能打开，那个感觉绝对超级爽。」

![域名绑定与 HTTPS 配置示意](https://admin.zuoshipin.com/wp-content/uploads/2026/07/vc_img12.webp)

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

上线不是终点，是起点。从这一步开始，你的日常工作流大概率就固定了：**新建分支 → 说出你的需求 → Agent 开发完成 → 跑一遍洁癖.skill 统一文档 → 提交 PR 过 CI 测试 → 合并到主分支 → 部署上线。**

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

## 四、核心心法（第 19–20 步）

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

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

因为如果你不清楚，你就丧失了对产品的判断力。AI 跟你说「我改好了」，你连验收都验收不了。AI 给你提一个技术方案，你分不清它是在给你一个合理的建议还是在用一堆复杂的东西糊弄你。

**不要让渡自己的思考。**AI 是你的执行者，但你必须是那个知道这件事应该怎么做的人。你可以不知道代码怎么写，但你必须知道逻辑怎么走。作者自己做 AIHOT 的时候，每一次跟 AI 讨论架构方案，都会让它把方案解释清楚——为什么用这个方案不用那个方案，好处是什么坏处是什么——他听明白了，同意了，或者认为有更好的更适合的方案，才会让它动手。它要求你在完全不懂技术的前提下，去理解一个技术系统的运作方式。但这恰恰是 Vibe Coding 最核心的能力。

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

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

![产品迭代与运维监控示意](https://admin.zuoshipin.com/wp-content/uploads/2026/07/vc_img13.webp)

## 写在最后

「如果有任何不懂、不理解的地方，完全可以把这篇文章复制，再加上你的问题，直接问 Agent。」

忽然想起两年前，你要搓一个能上线的产品，你得学编程、学框架、学运维、学数据库，光准备和学习的工作，就能劝退 99.99% 的人。现在你需要的只有三样东西：**一个想法，一个 AI 编程账号，一台几十块钱的服务器。**然后，就开始做。AI 会帮你解决一切。

> 「这就是最好的。黄金时代。」——数字生命卡兹克

* * *

本文基于「数字生命卡兹克」微信公众号公开发布的 Vibe Coding 教程做原创整理。文中提及的 AIHOT 产品数据（周活 30 万/月活 60 万）为其自述。洁癖.skill 开源地址：github.com/KKKKhazix/khazix-skills。

**Tags:** AI应用, AI模型, AI编程, Vibe Coding, 国产大模型, 零代码开发

**Categories:** AI资讯

---