vibe conding亲身体验之lovable和V0
老阎杂货铺
05-24 18:35
上周简单的介绍了一下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的表现。
展开查看全文
【声明】内容源于网络