vibe conding亲身体验之lovable和V0

老阎杂货铺

2025-05-24

导读：上周简单的介绍了一下vibe coding，算是一个概念普及。但是作为一个有过20年技术经验的老IT人，不亲自动手实操一下，还是很难有真实的感觉的。

实操体验vibe coding：用自然语言开发集成Google API的Web应用

老IT人借助AI平台实现零代码编程

上周对vibe coding概念进行了初步普及，作为一名拥有20年技术经验的老IT人，为了加深理解，我决定结合真实业务场景进行实操。

QuickCreator的产品核心是提供高质量SEO博客写作服务，客户在采买企业版后需授权我们访问Google Search Console账号，以便检查博客收录情况。由于谷歌近年来爬虫资源限制，新站页面收录速度放缓，因此我希望开发一个利用Google Search Console API自动检查并提交未收录页面的小工具。

尽管我熟悉Google Search Console API的技术实现路径，但这次并未采用传统开发模式，而是尝试使用vibe coding平台，通过自然语言交互来完成整个项目开发。

准备工作与需求描述

明确需求是AI编程的第一步。我将具体功能要求提交至ChatGPT，获得了涵盖功能描述和技术栈（React+Tailwind CSS、Node.js等主流MVP框架）的详细项目文档。

vibe coding平台对比体验

最终候选平台包括lovable、v0和cursor，以下为lovable和v0的实际操作反馈：

lovable：适合零基础用户的原型构建

lovable近期非常火爆，能快速生成产品mock界面，界面简洁直观，适合作为前端原型设计工具。但在深入开发过程中发现其代码逻辑以模拟为主，较难实现完整业务逻辑。

v0：工程师导向的AI开发平台

v0是由Vercel推出的AI编程平台，更适合具备一定技术背景的开发者。相较lovable，v0在首次版本生成中耗时更多，但结构更完整。

v0采用左侧对话交互、右侧代码展示的方式，便于理解与调试。该平台不仅给出部署建议，还引导我开通Google Index API并获取相关token。

整个开发过程通过持续迭代需求描述逐步完善功能，共迭代32个版本后，成功开发出可实际运行的应用——能够检查页面收录状态，并支持批量提交未收录页面。

尽管v0在某些情况下无法直接修复问题，但我可通过ChatGPT寻求解决方案后再次输入给v0执行。此外，代码编辑区域允许添加调试日志，有助于定位错误。

结论：AI生产工具的时代已来临

在两年半时间内，AI技术发展迅猛，尤其是在软件工程领域，出现了vibe coding这一全新范式。对于具有编程基础的开发者来说，v0已经能够协助实现复杂度较高的集成第三方API、含业务逻辑的Web应用。

而面向不同人群，vibe coding平台各有侧重：lovable更适合无编程背景用户快速创建原型；v0更适合具备工程思维的技术人员开展端到端开发；后续将继续体验cursor的表现。

文章来源：【老阎杂货铺】公众号，原文《vibe conding亲身体验之lovable和V0》，大数AI优化

【声明】该内容为作者个人观点，大数跨境仅提供信息存储空间服务，不代表大数跨境观点或立场。版权归原作者所有，未经允许不得转载。如发现本站文章存在版权问题，请联系：contact@10100.com

老阎杂货铺

关于大数据、工作、生活的点滴记录

内容 280

粉丝 0

老阎杂货铺关于大数据、工作、生活的点滴记录

总阅读5.6k

粉丝0

内容280

Gmail谷歌邮箱手机版