夜雨聆风胡彦斌用AI"手搓"了一个App：普通人学 vibe coding，这5步就够了
5月30日，歌手胡彦斌宣布，他用AI"手搓"的粉丝社区App「彦火」正式上线。一个完全不懂代码的音乐人，对着AI一句一句说需求，花了一个多月，从零搭出了一个能上架App Store的App。
这件事在6月1日冲上了科技热榜。很多人看完的第一反应是："他行，那我是不是也行？"
答案是：行，但也没那么简单。
胡彦斌能把「彦火」做出来，靠的是2025年爆火的一个概念——Vibe Coding（氛围编程）。这个词是OpenAI联合创始人Andrej Karpathy发明的，已经被Collins词典评为2025年度词汇。
简单说，Vibe Coding就是：你负责描述想法，AI负责写代码、修bug、部署上线。
但大多数人只看到"胡彦斌做出了App"这个结果，却忽略了两个关键问题：
- 普通人到底怎么开始 vibe coding？
用什么工具、怎么写需求、怎么迭代？ - 代码写完了，产品怎么真正上线？
App Store审核、备案、服务器——这"最后一公里"怎么打通？
这篇文章，我就把这两个问题讲清楚。
一、Vibe Coding 到底是什么？
先别被"编程"两个字吓到。Vibe Coding和传统编程的区别，就像：
| 你要做什么 | ||
| 出错怎么办 | ||
| 加新功能 | ||
| 需要的基础 |
据腾讯新闻、网易等多家媒体报道，胡彦斌使用的工具链是 VS Code + Claude Code。这是目前最主流的 vibe coding 组合之一。他全程用自然语言向AI提需求，AI写代码，遇到bug就把报错信息贴给AI修复。
核心工作流就4步：描述想法 → AI生成 → 验收调整 → 迭代打磨。循环往复，一个功能改10-20次，每次几秒钟。
二、普通人如何开始？5步走
Step 1：选对工具（国内优先）
工具选错，体验天差地别。以下是我实测后的推荐，国内用户优先选前三：
Trae（字节跳动）国内首选 / 免费
字节跳动自研的AI原生IDE，基于VS Code内核。支持Builder模式（自然语言生成完整项目）和SOLO模式（AI全自动开发）。内置豆包、DeepSeek、Kimi等多模型切换。支持多模态（上传设计稿直接生成前端代码）。完全免费。
图：Trae 官网：trae.cn，提供 IDE 和 SOLO 两种模式
WorkBuddy（腾讯）AI桌面智能体 / 免费
腾讯推出的AI桌面智能体，不只是写代码，还能辅助写作、数据分析等办公场景。支持VS Code、JetBrains、Xcode插件，也支持独立桌面客户端。新增小龙虾(Claw)模式，AI可自主规划并执行任务。官网：codebuddy.cn/work，个人版免费。
图：WorkBuddy 界面：支持代码开发、日常办公、设计创意等多场景，底部可选模型和技能
OpenCode（CLI）开源免费 / 169k Stars
GitHub上最火的AI编程Agent，开源免费。终端里直接运行，AI自动读取项目、编辑文件、运行命令。适合喜欢命令行、想要完全控制的人。安装简单：npm install -g opencode
图：OpenCode GitHub 仓库：github.com/sst/opencode，169k Stars
Claude Code（Anthropic）CLI / 需订阅
Anthropic官方出品，。终端CLI + VS Code插件 + 桌面端三端支持。理解整个代码库，跨文件操作。但是用于Antropic的封锁，国内无法用他的模型，需要稍微折腾一点，通常模型提供厂商Deepseek/MiniMax/Kimi/GLM都会针对Claude Code给你指引，使用国产模型
图：Claude Code 支持 Terminal、VS Code、Desktop app、Web 四种形态
国外备选：Lovable（$20/月，浏览器内全流程）、Bolt.new（$20/月，StackBlitz出品）、Replit（$7/月，一键发布）。需要科学上网，国内访问不稳定。
Step 2：写好第一个 Prompt
很多人 vibe coding 失败，第一步就栽在 prompt 上。
烂 Prompt（AI给的东西基本没法用）
"给我做个记账App"好 Prompt（AI能做出80%符合预期的东西）
做一个面向自由职业者的记账工具，需要：- 添加支出表单（金额、分类、日期）- 月度支出总览面板- 分类包括：差旅、软件、办公、市场、其他- 简洁深色风格，可切换浅色- 用 Tailwind CSS 写样式
一个好 prompt 回答四个问题：是什么、给谁用、做什么、长什么样。
Step 3：掌握"80%原则"
第一次生成的结果大概80%符合预期。这是好事，不是坏事——意味着你有了一个能跑的基础。
剩下的20%，不要推倒重来，要小步修改：
错误做法（一次性说太多）： "头部太大、按钮颜色不对、间距乱、想要左侧栏不是右侧栏，再加个搜索框和响应式"
正确做法（分4次说，每次几秒钟）： 1. 把头部高度调到原来的一半 2. 按钮换成蓝色 3. 侧栏移到左边 4. 列表顶部加个搜索框
成功的Vibe Coder，一个功能要迭代10-20次。耐心是这个游戏的核心。
Step 4：加业务逻辑
布局稳定后，再加交互。说清楚触发条件和预期结果：
模糊指令
"让删除按钮能用"
精确指令
"用户点击删除按钮时弹出确认框；确认后从列表中移除该项，并显示'已删除'的toast提示"
Step 5：30天学习路线
30天后你大概率能做出像样的产品，但不会是专家——而这已经足够了。
三、最后一公里：产品怎么真正上线？
这是大多数人忽略的部分，也是 vibe coding 最大的幻觉所在。
AI能帮你写代码，但AI不能帮你搞定备案、资质审核、开发者账号。Vibe Coding降低的是"创造"的门槛，不是"上线"的门槛。
路线A：Web应用（最简单）
如果你做的是一个网页应用，上线相对简单：
购买云服务器/内网穿透 云服务器登陆阿里云/腾讯云上购买即可，配置好后让AI将代码上传并部署。但是注意需要配置相关的安全策略才能被访问到 内网穿透：有些网站提供内网穿透（比如鲸奇互联：https://jqhl.jqcloudnet.cn/#/）。也就是你不需要买服务器就能把你本地运行的比如localhost:8080绑定到内网穿透服务商的公网地址比如1.1.1.1:8080 这种方式相比云服务器更便宜（约1/5-一半到价格） - 绑定域名
国内网站需要备案，因此需要去腾讯云/阿里云/火山引擎去买个域名（约30元/年），配置DNS(这个步骤对于小包相对复杂，涉及域名备案，可以再AI的指导下一步步操作) - ICP备案（国内）
域名要能被访问，服务器需要在国内必须备案，周期约2-4周
路线B：App Store上架（最难）
胡彦斌的「彦火」走的就是这条路。看起来只是一个App，实际上背后需要：
关键真相：胡彦斌能把「彦火」推上线，除了他自己写代码之外，背后团队搞定备案、开发者账号、部署上线，也功不可没。明星尚且如此，普通开发者更是艰难。
路线C：小程序/快应用（云开发模式）
如果只是想快速验证想法，微信小程序或抖音小程序是更实际的选择，这种模式不需要用户提供服务器，直接使用云厂商提供的环境，通常按量付费，也就是你的用户越多，你每个月需要支付的流量/存储成本越大：
开发门槛低（Trae/Workbuddy等工具已支持小程序生成） 分发依托平台，获客成本更低 但受平台规则限制，功能自由度不如原生App
四、从胡彦斌的「彦火」我们能学到什么？
「彦火」App 解剖
开发者：胡彦斌（完全零基础，音乐人）
开发时间：一个多月
工具链：VS Code（Trae） + Claude Code
核心功能：粉丝社区（打卡、积分等级、巡演地图、AI聊天、内容宝库）
上线状态：iOS已上架App Store（中国区），安卓官网APK直装
「彦火」的价值不在于它有多完美——事实上，它的UI有"AI默认审美"的模板感，功能也不够完善，胡彦斌本人还在公开"修bug"。
它的价值在于：证明了一个非技术人员，用AI工具，可以在一个多月内做出一个能上架的App。
但也要注意「彦火」能成功的几个前提：
- 有专业团队兜底
备案、资质、服务器运维，都不是胡彦斌自己做的 - 需求极度聚焦
垂直粉丝社区，不是面向所有人的复杂产品 - 用户体量可控
粉丝群体相对垂直，并发压力远低于大众类App
- 没有商业变现压力
不用考虑支付、广告、分成等复杂逻辑
五、写在最后
Vibe Coding不是魔法，它不会让一个完全不懂技术的人一夜之间做出下一个微信。
但它确实做到了一件事：把"做东西"的门槛，从"学三年编程"降到了"花一个月练习"。
如果你也想尝试，我的建议是：
第一步：这周就动手。下载Trae，用1小时做一个"待办清单"或"记账小工具"。不要追求完美，先做出第一个能用的东西。第二步：选一个真实问题。不要"我想做个App"，要"我每天手动统计XX很麻烦，能不能让AI帮我自动化"。第三步：对"最后一公里"有预期。代码只是20%，上线才是80%。提前做好备案、资质、服务器的功课。
胡彦斌用一个多月做出了「彦火」。你不需要成为胡彦斌，但你可以比他更早开始。
毕竟，2026年，写代码已经不是程序员的专利了。
相关链接：
Trae 官网：https://www.trae.cn WorkBuddy：https://www.codebuddy.cn/work OpenCode GitHub：https://github.com/sst/opencode Claude Code：https://docs.anthropic.com/en/docs/agents-and-tools/claude-code/overview
免责声明：本文基于公开信息整理，不构成技术或法律建议。上架、备案等操作请以平台最新规则为准。
如果这篇文章对你有帮助，欢迎点赞、在看、转发 👍