周六下午，我窝在沙发上看剧，突然冒出一个想法：我想做个小工具，帮我追踪每天喝了几杯水。

是的，就是那种你觉得自己不会用超过三次的打卡App。但问题是——我不会写手机App。我会一点点Python，搞不定前端，更别说什么React、Flutter了。

抱着”试试看”的心态，我打开了Cursor。

然后，神奇的事情发生了。

你只需要会”说话”

Vibe Coding，这个被MIT Technology Review评为2026年十大突破技术的概念，说白了就一句话：你用自然语言描述你想要什么，AI帮你写代码。

它的发明者Andrej Karpathy（前特斯拉AI总监、OpenAI联合创始人）管这叫”氛围编码”——你专注于产品的”氛围”，也就是用户体验和功能逻辑，语法、调试、库导入这些脏活累活，AI全包了。

实际操作起来，第一步甚至不需要打开编辑器。

我打开Cursor，按了一下 Ctrl+I（Mac上是 Cmd+I），弹出Composer输入框。我敲了一行字：

“帮我做一个网页版喝水打卡工具。要有每日目标设置、喝水记录、进度显示。界面简洁清爽，用深蓝色配色。”

然后按回车。

Cursor开始干活了。它自动创建了项目结构，装了React和Tailwind CSS，写了好几个组件文件。我眼睁睁看着代码一行行冒出来，大概过了两三分钟，一个能跑的版本就出来了。

它确实做出来了，但没我想象中那么完美

第一次看到成品的时候，说实话有点兴奋。界面确实清爽，深蓝色主题配白色文字，喝水按钮大而明显，进度条随点击推进。

但我很快就发现了问题。

第一，它把每日目标默认写死成了8杯，没法改。第二，记录只保存在内存里，刷新页面就没了。第三，手机上打开，按钮小得离谱，根本不好点。

这就是Vibe Coding的真实状态：它能搭出80分的框架，但剩下那20分，还是需要你来”调教”。

怎么跟AI”吵架”才能得到好结果

我发现，跟AI写代码和跟程序员沟通其实很像。你不能只说”做个App”，你得学会拆需求。

我重新理了一下思路，这次换了个方式。

先写了一个需求文档，保存为 instructions.md：

然后告诉Cursor：”读一下 instructions.md，按这个需求重新做。”

效果立竿见影。

AI这次生成了一个结构更清晰的版本，localStorage存储也加上了，移动端的按钮也大了不少。但还有一个问题：它用的默认进度条太丑了，跟深蓝色主题不搭。

所以我又给它加了一行提示：”进度条改成渐变色，从蓝色过渡到青色。”

改完了。这次我真的满意了。

Cursor、Lovable还是Claude Code？选哪个

你可能听说过好几款Vibe Coding工具，我简单说下区别：

Cursor（$20/月）：基于VS Code改的，适合有一定技术基础的人。你能看到代码、改代码，AI是辅助你，不是替代你。灵活度最高，但学习曲线也最高。

Lovable（有免费版）：在线平台，不需要装任何东西。你描述需求，它在云端生成。适合完全不想碰代码的人，但定制能力有限。

Claude Code（免费版可用）：命令行工具，开发者向。你用文字描述需求，它直接在终端里操作文件。适合后端开发或已有项目的场景。

如果你是零基础，想最快看到成果，从Lovable开始。如果你想学一点技术，同时享受AI带来的效率提升，选Cursor。

它做不到的事情

Vibe Coding确实很神奇，但也不是万能的。

根据我的实际体验和社区反馈，这几个坑你得注意：

复杂逻辑它会搞砸。 一位微软工程师在ACM论文里举了个例子：AI遇到并发bug时，没有去解决根本原因，而是插了一行 sleep() 让测试通过。看起来跑通了，实际上问题还在那里。你如果没有判断力，根本发现不了。

跨文件依赖是噩梦。 当项目文件超过20个，AI开始搞混上下文，改了A文件忘了更新B文件。这就是为什么有经验的开发者建议：小步迭代，一次只让它做一件事。

安全要自己把关。 AI生成的代码可能包含不安全的写法。Cursor刚曝出过CLI命令注入漏洞，在自动化流程里可能被利用。

部署不是自动的。 做出App和把App放到线上，是两回事。你需要自己折腾域名、服务器、HTTPS这些东西。当然，你也可以用Vercel或Netlify这类平台一键部署，但那又是另一套学习成本了。

从想法到上线，总共花了多久？

回到我的喝水打卡App。

从打开Cursor到做出满意版本，大概花了一个半小时。加上注册Vercel账号、部署上线，总共两个小时。

两个小时，从”我想做一个App”到”真的能在手机上用”。

这个体验，说实话，在2024年是不可想象的。那时候你要做同样的事情，至少得会React、会Node.js、会部署，学习成本少说几个月。

现在呢？你只需要会描述你想要什么。剩下的，AI来做。

当然，它做出来的东西不是完美的。但”不完美但能跑”，比”完美但只存在于想象里”，强太多了。

如果你也想试试，建议从一个很小很小的需求开始。别一上来就说”帮我做个淘宝”。从”帮我做一个个人博客”或者”帮我做一个记账本”开始，体会一下Vibe Coding的流程。

说不定，你也会像我一样，在沙发上看剧的时候，顺手做个App出来。

Cursor下载：cursor.com，免费版可用，Pro版$20/月

Lovable在线版：lovable.dev，有免费额度

Claude Code：npm install -g @anthropic-ai/claude-code，免费版可用

好了，今天的分享就到此结束，咱们下回见；

如果觉得文章对你有帮助，记得点。赞。转。发。收。藏喔！

添加我的微信（ZYFeng0614），免费领取更多AI技能资料！