Bolt.new VS Cursor
AI驱动的编码工具正在飞速发展，每一个新的工具都可能彻底改变我们的开发流程。这些工具主要致力于提高生产力，通过智能代码建议、自动化重复性任务，甚至从自然语言提示中生成完整的代码片段。最近，StackBlitz 推出了Bolt.new，迅速成为增长迅速的AI编码助手生态系统中的新宠，并迅速吸引了全球开发者的注意。在短短几天内，特别是在国外互联网上，不少将Bolt.new视为“Cursor & V0杀手”的文章和视频层出不穷。
作为一名仅懂一些基础代码的测试技术人员，最近在设计和开发一款APP时，我首先选择了Cursor AI编辑器。然而，Bolt.new发布后，我迅速将其纳入我的工作流程。通过这些第一手经验，我发现实际使用这些工具的感受比耸人听闻的头条新闻要微妙得多。
本文旨在通过我的实际使用经验，对这些工具进行详尽的比较。我将详细解析每种工具的优点和局限性，让你在选择时能有更全面的考虑。
Cusor ：AI 增强的代码编辑器
Cursor AI 是 Visual Studio Code 的一个分支，这也是为什么我一开始选择了它，它集成了高级 AI 功能。根据我的使用经验，它提供了当今最好的 AI 辅助编码体验，在速度、准确性和用户体验方面超过了 GitHub Copilot 等竞争对手。
Cursor 特色功能：
智能快速的代码补全： Cursor 的自动补全功能超越了传统工具。它建议多行编辑并根据最近的修改预测您的下一次更改，从而显着加快编码速度。通常，Cursor 建议更改的速度比我手动导航到代码中的下一个点的速度要快。
全面的代码建议： 与传统的自动完成工具不同，Cursor 在行的开头、中间和结尾提供智能建议。
多文件编辑： Cursor 可以同时创建和修改多个文件，从而简化复杂的重构任务。
集成文档： 它为常用库的文档编制索引，允许您在提示中包含此上下文。
情境感知聊天： 使用 @Codebase 或 ⌘ Enter，我可以询问有关整个代码库的问题。Cursor 搜索您的项目以提供相关答案，这对于理解大型代码库非常有价值。由于它还为常用库的文档编制了索引，因此答案堪比原版 LLM，后者可能已经使用包含旧版本库文档的数据进行了训练。
更改的差异视图： Cursor 在应用 AI 建议的更改之前显示差异视图，允许我逐块接受修改或一次接受所有修改。
Vercel V0
v0 是 Vercel 的 AI 编程工具，专为快速 UI 原型设计而设计。根据我这段时间的使用经验，v0 显著加快了开发过程，允许对 UI 组件进行快速迭代和实验。以下是V0的优点功能：
增强的原型制作工作流程： v0 使我能够快速生成和可视化组件的初始外观。它允许并排代码生成和预览，就像 Claude 或 ChatGPT Canvas 等工具一样，但通过集成 NPM 包它的功能更进一步。这种集成有助于使用 UI 框架和库，例如 Material-UI （MUI），以更快的速度和更少的代码构建原型。
以组件为中心的方法： 虽然 v0 不处理数据获取或后端逻辑，但它擅长创建单独的、可重用的组件。这种关注点与现代 React 开发实践非常一致，非常适合 UI 构思和初始组件结构。
与 UI 框架集成： 合并 NPM 包的能力意味着我可以在原型中利用流行的 UI 框架和库。此功能对于使用 MUI 快速构建新组件原型非常宝贵。
代码可移植性： v0 可生成适合复制粘贴的代码，使我可以轻松地将其集成到现有项目中。对 v0 中的原型感到满意后，我可以将代码移动到成熟的编辑器中进行集成和完善。从 v0 到我的主代码库的无缝过渡简化了开发工作流程。在构建我的APP时，我使用 v0 来制作新组件的原型。该工作流通常涉及使用 v0 快速生成和可视化组件的初始外观。对原型满意后，我将代码传输到 Cursor 进行集成和完善。这种方法显著加快了开发的原型设计阶段，允许对 UI 组件进行快速迭代和测试。
Bolt.new
Bolt.new 将 v0 的概念提升到一个新的水平，它在浏览器中提供全栈开发环境。Bolt.new 不仅限于具有预览功能的单个文件，而是允许创建和修改整个项目，包括依赖项和配置。可以直接在 StackBlitz 平台上部署这些项目，从而简化从开发到生产的过程。
完整的开发环境： 与 v0 不同，Bolt.new 提供了完整的堆栈设置，包括 npm 包安装、Node.js服务器以及与第三方 API 交互的能力。这使我能够对整个应用程序进行原型设计，而不仅仅是 UI 组件。
WebContainer 技术： Bolt.new 基于 StackBlitz 的 WebContainers 构建，在浏览器中运行完整的 Node.js 环境。这消除了对本地设置的需求，这可以节省大量时间，这个真的太好用了。
具有环境控制的 AI： Bolt.new 中的 AI 可以控制整个开发环境，包括文件系统和终端。我发现这对于故障排除和环境设置任务特别有用。Bolt.new 最令人印象深刻的功能之一是它的一键式错误修复。遇到错误时，您可以让 AI 尝试自动修复它，无需手动复制粘贴解决方案。
部署功能： Bolt.new 允许直接从聊天界面进行部署，从而简化了从开发到生产的过程。还可以通过 URL 共享正在进行的工作。乍一看，Bolt.new 提供的功能似乎比 v0 多得多，导致一些人将其称为“v0 杀手”。事实上，它的功能令我印象深刻，远比V0要好用太多。
限制和注意事项
尽管功能令我印象深刻，但 Bolt.new 并非没有限制：
代码重新生成： 每次迭代时，Bolt.new 都会从头开始重新生成整个文件，即使是微小的更改也是如此。这可能会导致意外修改，偶尔会导致代码遗漏，类似于 ChatGPT 和 Claude 出现的问题。
缺少版本控制： 当我在调试会话期间损失了 1-2 小时的微调工作时，我发现了这个限制。AI 生成的代码覆盖了我精心制作的更改，而没有任何方法可以恢复它们，哎，简直让我崩溃。
无差异视图： 与 Cursor 不同，Bolt.new 在应用更改之前不提供差异视图，从而减少了对代码修改的控制。 虽然功能强大，但这些限制揭示了为什么 Bolt.new 补充而不是取代 Cursor 等工具。它们在开发工作流程中有不同的用途。
根据我的经验，Bolt.new 擅长于全栈功能的快速原型设计，尤其是在测试涉及前端和后端组件而不设置本地环境的想法时。它结合了完整的开发环境、AI 辅助和协作工具，使其成为希望简化工作流程的开发人员的强大工具。
Bolt.new、v0 和 Cursor AI 都提供免费套餐来帮助用户入门，但随着规模的扩大，它们的定价重点有所不同。我们来看看三个工具的定价策略，以便更好的做出选择。
Cursor
兴趣爱好： 免费，有限完成
专业版（20 美元/月）： 无限完成，高级请求
专业版（20 美元/月）： 无限完成，高级请求
商业（40 美元/用户/月）： 隐私模式、团队管理工具
V0
免费： 基本访问权限，200 个积分
高级版（20 美元/月）： 增加限制、自定义功能、5000 积分
Bolt.new
免费： 有限访问，具有 3.5K 上下文的 Sonnet 200
专业版（9 美元/月）： 10M 代币，API 访问权限
团队（29 美元/会员/月）： 10M 代币、团队功能、支持
结论
Cursor、v0 和 Bolt.new 各自具有自己独特的优势。
Cursor AI 仍然是日常编码任务的首选工具，在熟悉的代码编辑器环境中提供无与伦比的 AI 辅助体验。
V0 在快速 UI 原型设计方面表现出色，尤其是在使用流行的框架和库时。
Bolt.new 在全栈原型设计和快速项目设置方面大放异彩，尽管由于其限制，它目前仅限于这样的定位。
Bolt.new 一开始提供了令我印象深刻的功能，这可能也是为什么使其成为原型设计领域 V0 的强大竞争对手，但称其为“Cursor杀手”并不准确。这些工具在开发过程中用于不同的目的和阶段。
Cursor 仍然是严肃的生产级开发工作的首选工具。
你是否使用过这些 AI 编码助手中的任何一个？我很想听听你的经历以及它们如何影响你的开发工作流程。欢迎在下面评论留言。
推荐阅读
（点击标题可跳转阅读）
[极客前沿]-你不知道的 React 18 新特性
[极客前沿]-写给前端的 K8s 上手指南
[极客前沿]-写给前端的Docker上手指南
[面试必问]-你不知道的 React Hooks 那些糟心事
[面试必问]-一文彻底搞懂 React 调度机制原理
[面试必问]-一文彻底搞懂 React 合成事件原理
[面试必问]-全网最简单的React Hooks源码解析
[面试必问]-一文掌握 Webpack 编译流程
[面试必问]-全网最全 React16.0-16.8 特性总结
[架构分享]- 微前端qiankun+docker+nginx自动化部署[自我提升]-送给React开发者十九条性能优化建议
[大前端之路]-连前端都看得懂的《Nginx 入门指南》
[软实力提升]-金三银四,如何写一份面试官心中的简历
觉得本文对你有帮助？请分享给更多人
关注「React中文社区」加星标，每天进步“在看和转发”就是最大的支持
扫一扫
1478
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
