体验使用 v0 完成完整项目，Vibe Coding 进行时

回村了，分享下前两天个人做的小东西，谈谈Vibe Coding

自从兑换了 v0 和 Cursor 的一年 Pro 权益，就感觉一天不用就是亏。

上周六使劲压榨了下 v0，深刻体验 Vibe Coding。

边玩游戏边让 v0 写了这个网站图标获取工具，取名叫 favicon.run ，还是第一次见这个域名后缀，踩坑跑了 43 个版本才算勉强满意，除了 og 图，没有一行代码是我自己写的，所以我觉得和 Vibe Coding 理念很契合。由于功能比较简单， AI 写出来的大部分是我想要的功能，包括首页/工具页。

最后感觉看起来差不多了我就在 spaceship 买了个 2 美刀的域名挂上了。

访问地址：https://favicon.run/

网站功能：

1、获取网站不同尺寸图片，提供图标嵌入和下载

2、支持单个域名和批量获取，适合导航目录和快速嵌入到文章，markdown，欢迎使用反馈。

不过目前还有不少问题，得再改一下，另外付费墙是假的, 免费使用
v0 体验和踩坑

v0 是 Vercel 的 AI 辅助编码产品，可以通过自然语言对话，生成完整项目和代码，预览页面，集成 Vercel 部署，与 nextjs 框架生态和 Vercel 云部署深度绑定。

1、v0 支持 Github 仓库集成和 Vercel 持续部署，方便快捷，比如改动后可以推送到代码仓库，然后 Vercel 部署页面更新，另外还有可以很多 saas 数据库的集成，没想搞那么复杂就没试
缺点：有个问题是如果你手动在 Github 仓库改的代码或者其他地方改动推送的代码不会同步到这边工作区，当然这也不好同步，另外，实际上 v0 的界面支持直接改动应用代码的，主要是在 web  完成所有工作有点不习惯。
2、v0  类于和 Cursor 的 Agent 模式类似，所以有个问题就是比较容易乱改，特别是对话，版本一多，可能某些东西就被删除了。
所以为了精确控制修改，还是得限定修改范围，不然他还是容易乱改，可以指定文件，或准确说改哪个页面和内容。

3、版本回退救了我，在Cursor里我觉得版本管理还是挺麻烦的，主要是我都不知道我同意了哪些代码，所以 git 是个好东西，改好的东西放 git，专门看 git 的修改对比就是了。
在 v0 里我遇到改了很多版本被改乱了，它提供了一个版本回退的操作，直接回到原来的版本。

4、v0 不支持next-intl 国际化集成预览（我想应该是组件依赖中间件配置需要环境支持），因此生产级国际化没法直接看到效果，所以这个项目目前的方式是硬编码的国际化代码字典。-如果是生产使用还是差点意思。

5、一次不能让它更新或增加太多文件和代码，比如我为啥跑了 43 个版本，主要是有一次让它一次性新增更新太多语言文件，大概有 10 个，由于内容太多一直循环失败。各种提示操作发现绕不开，走了点弯路。最终回退了。

最后体验下来感觉是：在 v0 可以达到基本可用的组件原型 MVP 就可以了，比如 loading page 页面要素布局，工具，博客页，价格页面的布局设计，完成基本框架，虽然整个流程的体验也还不错，但更多还是项目初始化。

最后预览下主要页面：

loading page：http://favicon.run/

单网站图标获取：https://favicon.run/favicon-fetcher

批量图标获取：https://favicon.run/favicon-fetcher/batch

预览某个网站全尺寸图标：https://favicon.run/p/netflix.com

移动端：

后续更多复杂的功能就交给另一位 AI 员工Cursor和我自己一点点编写了。

Vibe coding 过程我做了哪些工作呢：

主要是和他对话，效果验证纠偏，同意代码，一些跨系统的各类配置操作，还有一些编码助手无法直接完成的事。

1、和 v0 对话让他帮忙实现想法和页面

2、域名购买配置 DNS

3、Google Search Console提交、加Analytics、加 og 图、录制简单操作视频。

4、让 Cursor 加了个下载功能（这个功能不稳定部分情况可能是异常的）

如何看待 Vibe coding？

首先 Vibe coding 是个啥？

现在 AI 的能力越来越强了，每次大模型厂商发布新模型各项能力都有所提升，AI 代码生成作为大模型的一大强项能力，现在越来越多的非专业人士可以使用它编写代码，验证想法，产出软件，甚至销售盈利！生产效率提高，大家更卷了。

Vibe coding 适合业余完成一些想法验证，对于有点了解又不太熟悉的领域进行快速编码验证。

最近使用 AI 辅助编码的感受：

最近工作中有时候也会使用 AI 编码，但是业务逻辑相对来说会比较复杂，各种细节需要考虑，且大部分都是确定的需求，所以，基本上都不会让他直接改动代码，防止搞得乱七八糟的浪费我的时间，也就是不会用 Agent 模式，而是 Chat 对话。

只有这些情况我会使用 Agent：就是我确定这个事情只是体力活比如全新项目，解析某个结构，实现某个确定算法，确定的输入输出做模板实现，大部分独立于现有功能的代码脚本以及文档，不然一旦改错或者删掉一个参数，可能就会导致无法挽回的问题。

适合完全 Vibe coding 的项目：

而个人或者兴趣项目，就不一样了，因为个人项目有很多不确定性，很多逻辑你可能都不太懂，所以你心里有个大体想法，使用 AI 编码，就能快速成型快速验证，即使你不知道它怎么工作的，只要符合你需求就行，适合不太熟又想实时的领域。这是一个从模糊到具体的过程，比较省事省心。

但真正做的复杂功能了就需要增一些约束和规则，比如增加cursor rules文件，为模块编写功能单元测试，以提前约束和输出验证来让 AI 能 get 到哪些原则是必须遵循的，避免瞎改。

vibe coding 氛围编程，真的更多是跟着感觉走，感觉对了 apply 同意✅，不行就快速换个实现，这样效果可以速览。

效率提升了，大家更卷了。。。

- v0： https://v0.dev/

- favicon.run：https://favicon.run/

- cursor：https://www.cursor.com/