| 知识铺的博客

本文介绍一下几个主流的AI编程工具，然后着重说明V0的功能，以及如何使用V0+Cursor为日常前端开发提效。　

本文适合：不会写代码的小白，以及有编程经验，但是想用AI提效的码农们。　

v0是什么：是vercel团队开发的，前端用户界面生成工具。　

V0具有丰富的前端知识，和良好的代码生成结构，当然这都是基于它超级强大的提示词支持。　　

为什么要介绍V0，就我使用下来，V0根据图片生成的代码还原度最高。　

所以我在开发页面的时候，都会先用V0生成基本的页面结构，然后再用Cursor进行本地的开发。　　

这两个工具结合起来，真是做到了边喝茶，边把代码写了。　

简单对比下目前几个流行的AI编程工具：

分为两类，一类是V0、Bolt这样的，可以直接在线运行使用的，适合新手和尝鲜试用。　

另一类是Cursor和WindSurf，需要本地安装的编辑器，适合长期开发使用。　

特点：在线开发工具，集成了AI和全栈开发功能。它允许用户编写、运行和调试全栈应用程序，安装npm包，直接在浏览器中运行Node.js服务器，部署项目到生产环境，并用AI辅助生成和优化代码。
适用场景：需要有一定技术基础，需要一个功能强大的开发环境，能兼顾前后端并快速部署。

例如我想做一个类似百度的网站　

直接在输入框输入百度的网址，V0会自动截图出来。　

接下来输入提示词：做一个一样的页面，使用react　

v0会自动分析页面，创建合理的组件化结构，代码质量，堪比我这8年经验的老前端了。　

稍等几秒，一个类似百度的页面就做好了。　

v0会继续在当前项目的基础上修改。　

比如我们让它修改一下按钮的样式，不要换行：“百度一下”这几个字不要换行　

它还会告诉你怎么修改，真贴心😄　

到这里，V0的基本工作做完了，主要就是把UI和一些基本的逻辑写好。　

剩下的就是把代码复制进Cursor进行本地的开发和调试。　

⭐往期干货：

END

我是柒崽，8年前端开发，分享前端干货，职场经验，实用AI技巧。关注我，一起前行。