Vibe Coding 入门:什么是氛围编程,AI 编程工具怎么选

Vibe Coding 是什么、为什么火、主流工具(Lovable/Bolt/Replit/Cursor)怎么选,以及新手怎么写好「需求描述」让 AI 出好活。

登录后收藏
内容说明

折腾鸭可能通过推广链接获得佣金,但不会影响编辑结论,也不会增加你的支付价格。

你大概听过身边人说什么「我用 AI 写了个网站」「我没学过编程也做了个小工具」。背后多半就是 Vibe Coding(氛围编程)。这篇先讲清楚它到底是什么、有哪些工具、新手怎么选,下一篇再讲怎么把做出来的东西部署上线(见 Vibe Coding 项目部署全流程)。

一、Vibe Coding 到底是什么

2025 年,AI 大佬 Karpathy 提了个说法:你不用管代码细节,用大白话跟 AI 描述想要什么,AI 就把能跑的程序写出来,你边看边改、全程「跟着感觉走」,这就是 Vibe Coding。核心不是「学编程」,而是「会描述需求 + 会验收结果」。

它最适合做什么?轻量的实用工具:AI 聊天机器人、小 SaaS(定价计算器、内容生成器)、个人作品集、活动落地页、黑客松原型。特点是快速出活、快速验证想法

二、主流工具怎么选

  • Lovable:一句话生成「前端 + 后端 + 数据库」完整应用,最省心,适合第一次做应用的人。
  • Bolt(StackBlitz):类似 Lovable,全部在浏览器里跑,免安装。
  • Replit:浏览器里的 AI 编程 IDE,比上面两个更「动手」,控制力更强。
  • Cursor / Claude Code:装在本地、配合你自己的代码库用,适合有一定想法、想精细控制的人。
  • v0 / Windsurf:偏前端界面生成,出图快。

新手建议直接从 Lovable 或 Bolt 起步——从想法到上线摩擦最小。

三、写好「需求描述」是关键

AI 生成的质量,取决于你描述得有多清楚。对比一下:

  • ❌ 差的描述:「给我做个待办应用」
  • ✅ 好的描述:「做一个个人任务管理器:能加任务(标题、可选截止日、优先级低/中/高);能勾选完成;能按全部/进行中/已完成筛选;用 localStorage 存数据,刷新不丢;手机上也好看。」

好描述的三要素:具体功能、设计方向、数据怎么存。别堆术语,就描述「用户看到什么、能做什么」。

四、迭代比一次成型重要

第一次生成肯定不完美,这很正常。Vibe Coding 是「你看着 AI 做的东西,说哪要改,它改,反复直到满意」。有效的改法:

  • 「把顶栏做成吸顶,滚动时固定在顶部」
  • 「移动端(屏幕小于 768px)卡片改成竖排」
  • 「加个删除按钮,带确认弹窗」

无效的改法:「做得好看点」「修一下设计」——太模糊,AI 不知道改哪。

五、什么时候该加真后端

localStorage 只能存在自己浏览器里。想要「多设备同步」「用户登录」「多人共用数据」,就得接真数据库。新手可用 Supabase(带登录和数据库,有免费额度),具体怎么选数据库见部署篇的延伸(部署平台对比)。

相关阅读

内容持续更新

最近更新:2026-08-27。信息发生变化时,我们会同步修订。

去论坛交流