胡彦斌用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"这个结果，却忽略了两个关键问题：

1. 普通人到底怎么开始 vibe coding？
   用什么工具、怎么写需求、怎么迭代？
2. 代码写完了，产品怎么真正上线？
   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应用（最简单）

如果你做的是一个网页应用，上线相对简单：

1. 购买云服务器/内网穿透
   云服务器登陆阿里云/腾讯云上购买即可，配置好后让AI将代码上传并部署。但是注意需要配置相关的安全策略才能被访问到
   内网穿透：有些网站提供内网穿透（比如鲸奇互联：https://jqhl.jqcloudnet.cn/#/）。也就是你不需要买服务器就能把你本地运行的比如localhost:8080绑定到内网穿透服务商的公网地址比如1.1.1.1:8080 
   这种方式相比云服务器更便宜（约1/5-一半到价格）
2. 绑定域名
   国内网站需要备案，因此需要去腾讯云/阿里云/火山引擎去买个域名（约30元/年），配置DNS(这个步骤对于小包相对复杂，涉及域名备案，可以再AI的指导下一步步操作)
3. 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。

但也要注意「彦火」能成功的几个前提：

1. 有专业团队兜底
   备案、资质、服务器运维，都不是胡彦斌自己做的
2. 需求极度聚焦
   垂直粉丝社区，不是面向所有人的复杂产品
3. 用户体量可控
   粉丝群体相对垂直，并发压力远低于大众类App

1. 没有商业变现压力
   不用考虑支付、广告、分成等复杂逻辑

五、写在最后

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

免责声明：本文基于公开信息整理，不构成技术或法律建议。上架、备案等操作请以平台最新规则为准。

如果这篇文章对你有帮助，欢迎点赞、在看、转发 👍