乐于分享
好东西不私藏

不会写代码的人,用AI 2小时做了一个App:Vibe Coding到底是什么?

不会写代码的人,用AI 2小时做了一个App:Vibe Coding到底是什么?

title: "不会写代码的人,用AI 2小时做了一个App:Vibe Coding到底是什么?" digest: "Vibe Coding火了!不需要编程基础,靠对话就能让AI帮你写代码、做应用。本文手把手教你体验Vibe Coding,附完整实操案例。"

最近,一个叫 "Vibe Coding" 的词在技术圈彻底火了。

简单说,就是你不需要会写代码,只要用自然语言告诉AI你想做什么,AI就会帮你把代码写出来。

听起来像科幻?但这事已经在真实发生了。

一个产品经理朋友,上周用AI花了2小时做了一个内部数据看板工具。一个运营同事,用AI写了一个自动整理Excel的小程序。

他们有一个共同点:一行代码都没自己写。

今天这篇文章,我来手把手教你体验Vibe Coding,让你也感受一下"用嘴编程"的魔力。

一、Vibe Coding是什么?

Vibe Coding这个词最早由Andrej Karpathy(前特斯拉AI总监、OpenAI创始成员)提出。

他的原话是:

"我发现自己进入了一种新的编程方式——Vibe Coding。你完全沉浸在氛围中,拥抱指数级的代码产出,不再纠结每一行细节。"

翻译成人话就是:

你只管描述你想要什么,AI负责把代码写出来。你不需要理解每一行代码,只需要看最终效果对不对。

这和传统的编程完全不同。传统编程是:你得先学语法、学逻辑、学框架,然后才能开始写代码。

Vibe Coding是:你只需要会说话,就能让AI帮你写。

二、Vibe Coding为什么突然火了?

三个原因:

1. AI模型变强了

2026年的AI编程能力,和两年前已经不是一个量级。Claude、GPT-4o、Gemini 2.5 Pro这些模型,写出来的代码质量已经相当高,很多场景下可以直接用。

2. 工具链成熟了

Cursor、Windsurf、Bolt、v0.dev这些AI编程工具,把"对话→代码→运行→调试"这个流程做得非常顺滑。你不需要配环境、不需要装软件,打开网页就能开始。

3. 需求一直都在

很多产品经理、运营、设计师,其实一直都有"要是能自己写个简单工具就好了"的想法。Vibe Coding让这个想法变成了现实。

三、实操:30分钟用AI做一个待办事项App

接下来,我带你用最简单的方式体验Vibe Coding。

第一步:打开工具

访问 bolt.new[1](免费,无需注册即可体验)

这是一个在线的AI编程平台,你只需要用自然语言描述需求,它就能帮你生成完整的应用。

第二步:输入你的需求

在对话框中输入:

帮我做一个简洁美观的待办事项应用,支持:
1. 添加待办事项
2. 标记完成/未完成
3. 删除待办事项
4. 显示已完成和未完成的数量
5. 使用现代化的UI设计,有圆角和阴影效果

第三步:等待AI生成

点击发送后,AI会开始分析你的需求,然后自动:

  • 创建项目结构
  • 编写HTML、CSS、JavaScript代码
  • 配置运行环境
  • 预览效果

整个过程大约需要1-2分钟。

第四步:查看效果

生成完成后,右侧会直接显示应用的预览效果。你可以:

  • 点击"Add"按钮测试添加功能
  • 点击待办事项测试完成功能
  • 点击删除按钮测试删除功能

如果效果不满意,你可以继续用自然语言告诉AI哪里需要修改:

把背景颜色改成浅蓝色
增加一个"全部清除"按钮
字体改成圆体

AI会根据你的反馈重新调整代码,你只需要刷新预览就能看到新效果。

第五步:下载使用

满意后,点击右上角的"Deploy"按钮,可以直接部署到网上,获得一个访问链接。也可以下载代码到本地。

四、Vibe Coding能做什么?

不只是待办事项,Vibe Coding的应用场景非常广泛:

场景 示例
内部工具 数据看板、报表生成器、审批流程
个人项目 个人网站、博客、作品集
原型验证 产品原型、MVP、概念验证
自动化脚本 Excel处理、数据清洗、定时任务
学习工具 交互式教程、知识卡片、练习题
五、给新手的5个建议

1. 需求描述要具体

不要说"帮我做个网站",要说"帮我做一个个人作品集网站,包含首页、项目展示页、关于我页,使用深色主题"。

描述越具体,AI生成的结果越接近你的预期。

2. 先做能用的,再做好看的

第一轮对话先关注功能是否正确,确认功能OK后再提UI优化的需求。一次性提太多需求,AI容易出错。

3. 学会"迭代"

Vibe Coding的核心理念就是迭代。不要期望一次就做出完美的东西,先做出一个能用的版本,然后逐步优化。

4. 保存你的对话记录

好的对话记录就是你的"项目文档"。下次需要修改时,可以直接继续之前的对话,AI会记住之前的上下文。

5. 不要怕出错

AI生成的代码可能会有bug,这很正常。你只需要把错误信息告诉AI,它会自动修复。

六、Vibe Coding的局限性

虽然Vibe Coding很强大,但它不是万能的:

  1. 复杂业务逻辑:涉及复杂算法或业务规则的项目,还是需要专业开发者
  2. 性能要求高:对于性能要求极高的场景,AI生成的代码可能不够优化
  3. 安全性:涉及敏感数据的项目,需要专业人士审查代码安全性
  4. 维护成本:如果你自己不懂代码,后续维护可能需要依赖AI
总结

Vibe Coding不是要取代程序员,而是让更多人拥有了"把想法变成产品"的能力。

对于产品经理来说,你可以自己快速做一个原型给开发看; 对于运营来说,你可以自己写一个数据处理工具; 对于设计师来说,你可以自己把设计稿变成可交互的页面。

技术的门槛正在被AI抹平,重要的是你的想法和创意。

现在就去试试吧,打开 bolt.new,用30分钟做出你的第一个AI应用。


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

引用链接

[1]bolt.new: https://bolt.new