不会代码也能做产品,这是一份从0开始的Vibe Coding保姆级教程。

AITNT-国内领先的一站式人工智能新闻资讯网站
# 热门搜索 #
不会代码也能做产品,这是一份从0开始的Vibe Coding保姆级教程。
9242点击    2026-07-20 09:59

最近,国产大模型也都起飞了。


基本都达到了半步Fable 5境界。


2.8T的Kimi K3,2.4T的Qwen 3.8 Max,而在未来,肉眼可见的,还有马上上线的DeepSeek V4正式版,还有Seed、GLM、MiMo、LongCat等等要到来的更大规模的版本。


我觉得,这就是所有在国内,想用AI搓一个自己的产品、所有想把自己想法变成现实的人,最好的黄金岁月。


现在,你不需要捏着鼻子用海外的模型了,考虑到对面封号、考虑到魔法、考虑付费等等,你可以直起身来,用我们自己的模型,来做你自己想做的东西。


包括我自己搓的产品AIHOT,从5月发布开始,到今天,2个多月的时间,最近一周的周活终于过了30万,月活也正式过了60万。


所以,我觉得今天,我也可以分享一下,作为一个纯外行,如果你想从0开始,用国产模型,徒手搓出一个完全属于自己的产品,应该需要哪些步骤和流程,还有一些乱七八糟的坑。


先叠甲一下,下面这套流程,是我自己作为非专业者,目前跑得比较舒服的一条路径,主要面向完全不懂代码、想先把第一个产品做出来的人。不同类型的产品,可以选择不同的托管平台,工程团队也会有不同的开发规范。


这里讲的是一条足够简单、能够从零走到正式上线的方案,完全不代表唯一的标准答案。


那,让我们开始吧。


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


你需要一个能帮你写代码的AI。


Kimi、GLM、Qwen等等都无所谓,能买到哪个就用哪个,差距没有你想象的大。


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


买了Coding Plan之后,去下载各家官方的Agent编程产品。


ZCode、Qoder、Kimi Code等等,你买了哪家的Coding Plan就用哪家的,因为未来肯定是自家的Agent更适合自家的大模型,可以提前用了。虽然现在很多的Harness还是不如Claude Code,但是我觉得会很快的补上。


不会代码也能做产品,这是一份从0开始的Vibe Coding保姆级教程。


3. 想好你的产品名字。


很多人觉得名字随便起一个就行了,做完再改。


但不是这样的,你后面所有的东西,logo、域名、备案、小程序名称、App Store上架,全都跟名字绑定,改名的成本比你想象的大一百倍。


名字简短、好记、最好有一点辨识度,起名的时候顺便在微信搜一下公众号、小程序有没有同名的,在App Store和各大应用商店搜一下有没有撞车的。


这一步花十分钟,能省你后面很多麻烦。


4. 注册一个域名。


名字想好的那一刻,立刻去注册域名。


去火山引擎、腾讯云、阿里云啥的都可以,去域名注册页面,搜你想要的域名。


不会代码也能做产品,这是一份从0开始的Vibe Coding保姆级教程。


我自己就是在这一步吃了亏,AIHOT当时真的就是随便取的,然后后面没想到这玩意做起来了,结果一查,AIHOT.com这个域名,是我可能永远都买不起的程度。。。


5. 买一台服务器。


你的产品做出来之后,它得有一个地方运行,不能跑在你自己电脑上,你电脑一关,全世界都访问不了了。


为了让整套教程拥有一条统一、直观的路径,所以我们下面都以以云服务器为例,部分静态网站和轻量产品也可以使用Serverless、云开发或托管平台啥的,不一定需要自己维护服务器。


不过现在维护服务器因为有了Agent之后,维护已经很简单了。


不会代码也能做产品,这是一份从0开始的Vibe Coding保姆级教程。


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


当然,最好的方式,就是让Agent操控你的浏览器,直接帮你选。


6. 同步去做ICP备案。


这一步非常重要。


在中国大陆,你的域名如果要对外提供服务,必须做ICP备案。不备案,域名解析直接被运营商拦截,用户打不开你的网站。


在你买服务器的那个云平台上找到“备案”入口,按指引提交身份证、域名信息、网站名称,然后等审核,一般一到两周。


不会代码也能做产品,这是一份从0开始的Vibe Coding保姆级教程。


一定要跟开发同步进行,别等产品做完了才想起来备案。


如果你做的是出海产品,那就无所谓了,但出海的话记得买海外服务器,比如新加坡或者美西的节点,离你的目标用户近一些。


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


OK,准备工作全部做完了。域名有了,服务器有了,备案提交了,AI编程工具也装好了。


现在,在你的电脑上新建一个文件夹。


就这样。起一个跟你产品名字一样的文件夹名,放在你喜欢的位置。


这个文件夹,就是你接下来整个产品的家,你的所有代码、所有配置、所有文档,都会在这个文件夹里。


不会代码也能做产品,这是一份从0开始的Vibe Coding保姆级教程。


8. 在这个项目文件夹下,启动你的Agent,开始开发。


打开你第2步装好的Agent编程产品,把工作目录指向你刚才建的那个文件夹。


具体怎么操作,每个产品不太一样,但大致都是"选择一个工作目录"然后开始对话。


从这一刻开始,你的AI就驻扎在你的项目里了,它能看到你的文件,能帮你创建新文件,能帮你写代码、跑代码、调代码。


不会代码也能做产品,这是一份从0开始的Vibe Coding保姆级教程。


9. 注册一个GitHub账号。


GitHub是全球最大的代码托管平台。


你的代码不能只存在你自己电脑上,万一硬盘坏了、电脑丢了,你什么都没了。


所以,可以注册一个GitHub账号(免费的),让Agent帮你连接上你的GitHub账号,然后把你的代码推到GitHub上的一个私有仓库里,注意是私有仓库,不是公开的。


不会代码也能做产品,这是一份从0开始的Vibe Coding保姆级教程。


整体告诉你的Agent一句话就行了。


“初始化Git仓库,连接我的GitHub账号,创建一个私有GitHub仓库,并提交第一个初始版本。”


现在,你和Agent你们两两个的协作,正式开始。


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


大多数Agent编程产品都有一个Plan模式(或者叫规划模式),用人话告诉AI你想做什么,它会先帮你理清楚需要做哪些事情,列出一个计划清单,别直接开始执行。


不会代码也能做产品,这是一份从0开始的Vibe Coding保姆级教程。


你在这一步要做的事情就是,用最简单直白的语言,描述你的产品。


注意,不要想太多,你不需要画原型图,不需要写需求文档,不需要列所有功能,就说你最核心想要的那个东西,后面的功能可以慢慢加,但第一版可以比较简单。


先看到那个产品出来的正反馈,比什么都要强。


AI会根据你的描述生成一份规划文档,你看一下是不是你想要的方向,确认了就进入下一步。


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


确认了Plan之后,告诉Agent开始执行。


它会自动创建项目结构、写代码、装依赖等等,你什么都不用管,看着它干活就行,过程中,它做完一块会问你要不要看看效果,或者有没有什么要调整的。


12. 在本地模式下验收。


Agent开发到一定程度之后,会给你一个本地预览地址,大概率是类似localhost:3001这种。


不会代码也能做产品,这是一份从0开始的Vibe Coding保姆级教程。


在浏览器里打开这个地址,你就能看到你的产品长什么样了。


这时候不需要着急部署上线,就在这个本地环境里,慢慢调,UI不好看就让AI改,功能逻辑不对就让AI修,改到你满意为止。


你是产品经理,AI是执行者,你觉得对就是对,你觉得不对就让它改。


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


这是我自己做的一个Vibe Coding专用Skill,也是我如今用得最多的skill。


不会代码也能做产品,这是一份从0开始的Vibe Coding保姆级教程。


你在前面的开发过程中,可能跟AI聊了很多轮,改了很多东西,你的代码和文档大概率已经有点乱了,甚至会出现自相矛盾的情况。


这个时候,就是洁癖.skill的作用了,专门干一件事,就是把你的项目文档、代码规则、AI记忆文件全部规范化整理一遍。


不会代码也能做产品,这是一份从0开始的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刀。


买这个会员最核心的原因只有一个,就是它能让你在私有仓库里开启分支保护。


不会代码也能做产品,这是一份从0开始的Vibe Coding保姆级教程。


就是你设定好规则之后,任何人,包括你自己,都没办法直接往主分支上推代码,所有的改动都必须走PR,PR必须通过CI测试,测试通过了才允许合并。


没有分支保护的时候,你或者你的Agent随时可能手一抖,直接把有问题的代码推到主分支上,然后线上直接崩掉,要不然就是自己跟自己对抗,搞一套很复杂的维护脚本。


有了分支保护,这条路就被堵死了。


买完以后,可以告诉你的Agent,"我买了GitHub Pro会员,帮我开启分支保护,再给我的项目,做好全面且规范、专业的测试流程"。


当然,不买也行,就是未来项目成熟后,你想飞速迭代,就会变得麻烦点。


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


新起一个对话,把你服务器的IP地址发给Agent,告诉它"我要把这个项目部署到这台服务器上"。


Agent会处理好一切,有问题的话,你登录一下你云厂商的控制台,让它自己操控浏览器去解决。


然后,你的代码就会在你的服务器上自动地7x24小时运行了。


终于,不再是本地代码了。


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


告诉Agent你的域名是什么,让它帮你把域名指向你的服务器,然后搞个免费的证书,配好HTTPS。


这一切还是一样,不用你管,你让你的Agent干就行。


做完之后,在浏览器里输入你的域名,你应该就能看到你的产品了。


是一个真实的、全世界任何人都能访问的网址。


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


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


上线不是终点,是起点。


从这一步开始,你的日常工作流大概率就固定了。


新建分支 → 说出你的需求 → Agent开发完成 → 跑一遍洁癖.skill统一文档 → 提交PR过CI测试 → 合并到主分支 → 部署上线。


每一次改版、每一个新功能、每一个bug修复,都走这个循环。


这个流程看着好像很复杂,但跑两三遍之后你就肌肉记忆了,而且这个流程最大的好处是安全,因为你每次改动都在分支上,不会直接动主分支,改坏了就扔掉这个分支重新来,主分支上永远是稳定能跑的版本。


也可以让你稳定的并发同时三四个任务。


不会代码也能做产品,这是一份从0开始的Vibe Coding保姆级教程。


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


这一条不是某个操作步骤,是一个原则,也是我觉得整篇文章里最重要的一段话。


你可以不会写代码,你可以让AI帮你写所有的代码,但你必须知道,你的产品到底是怎么运转的。


每一个前端页面背后对应的是哪个接口,每一个后端接口做了什么事情,你的数据库有哪些表,每张表里存了哪些字段,这些字段是怎么被用到的,用户点了一个按钮之后数据是怎么流转的。


这些事情你必须清楚。


因为如果你不清楚,你就丧失了对产品的判断力,AI跟你说我改好了,你连验收都验收不了。


AI给你提一个技术方案,你分不清它是在给你一个合理的建议还是在用一堆复杂的东西糊弄你。


不要让渡自己的思考。


AI是你的执行者,但你必须是那个知道这件事应该怎么做的人。


你可以不知道代码怎么写,但你必须知道逻辑怎么走。


我自己做AIHOT的时候,每一次跟AI讨论架构方案,我都会让它把方案解释清楚,为什么用这个方案不用那个方案,好处是什么坏处是什么,我听明白了,同意了,或者我认为有更好的更适合我们的方案,才会让它动手。


它要求你在完全不懂技术的前提下,去理解一个技术系统的运作方式。


但这恰恰是Vibe Coding最核心的能力。


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


产品刚上线的时候,可能就几十个人用,服务器随便扛。


但当你的用户慢慢多起来之后,有些事情就不一样了。


缓存机制、防爬虫、防DDoS、流量带宽的费用控制,这些东西在早期你完全不用管,但用户量过了一定级别之后,你不管它它就来干你。


不要被人一天刷了4000块的账单才想起来去学习,防范意识要趁早。


这个是一个巨坑,可以慢慢学。


我也还在学。


写在最后


写到这里差不多了。


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


忽然想起两年前,你要搓一个能上线的产品,你得学编程、学框架、学运维、学数据库,光准备和学习的工作,就能劝退99.99%的人。


现在你需要的只有三样东西,一个想法,一个AI编程账号,一台几十块钱的服务器。


然后,就开始做。


AI会帮你解决一切。


这就是最好的。


黄金时代。


文章来自于微信公众号 “数字生命卡兹克”,作者 “数字生命卡兹克”

AI转型,免费服务,就找AITNT
AITNT资源拓展
根据文章内容,系统为您匹配了更有价值的资源信息。内容由AI生成,仅供参考
1
AI工作流

【开源免费】字节工作流产品扣子两大核心业务:Coze Studio(扣子开发平台)和 Coze Loop(扣子罗盘)全面开源,而且采用的是 Apache 2.0 许可证,支持商用!

项目地址:https://github.com/coze-dev/coze-studio


【开源免费】n8n是一个可以自定义工作流的AI项目,它提供了200个工作节点来帮助用户实现工作流的编排。

项目地址:https://github.com/n8n-io/n8n

在线使用:https://n8n.io/(付费


【开源免费】DB-GPT是一个AI原生数据应用开发框架,它提供开发多模型管理(SMMF)、Text2SQL效果优化、RAG框架以及优化、Multi-Agents框架协作、AWEL(智能体工作流编排)等多种技术能力,让围绕数据库构建大模型应用更简单、更方便。

项目地址:https://github.com/eosphoros-ai/DB-GPT?tab=readme-ov-file



【开源免费】VectorVein是一个不需要任何编程基础,任何人都能用的AI工作流编辑工具。你可以将复杂的工作分解成多个步骤,并通过VectorVein固定并让AI依次完成。VectorVein是字节coze的平替产品。

项目地址:https://github.com/AndersonBY/vector-vein?tab=readme-ov-file

在线使用:https://vectorvein.ai/付费

2
智能体

【开源免费】AutoGPT是一个允许用户创建和运行智能体的(AI Agents)项目。用户创建的智能体能够自动执行各种任务,从而让AI有步骤的去解决实际问题。

项目地址:https://github.com/Significant-Gravitas/AutoGPT


【开源免费】MetaGPT是一个“软件开发公司”的智能体项目,只需要输入一句话的老板需求,MetaGPT即可输出用户故事 / 竞品分析 / 需求 / 数据结构 / APIs / 文件等软件开发的相关内容。MetaGPT内置了各种AI角色,包括产品经理 / 架构师 / 项目经理 / 工程师,MetaGPT提供了一个精心调配的软件公司研发全过程的SOP。

项目地址:https://github.com/geekan/MetaGPT/blob/main/docs/README_CN.md

3
AI爬虫

【开源免费】ScrapeGraphAI是一个爬虫Python库,它利用大型语言模型和直接图逻辑来增强爬虫能力,让原来复杂繁琐的规则定义被AI取代,让爬虫可以更智能地理解和解析网页内容,减少了对复杂规则的依赖。

项目地址:https://github.com/ScrapeGraphAI/Scrapegraph-ai