一个人就是一支队伍？Cursor 2.0 深度体验：当 IDE 开始拥有“视觉”与“分身”

一、 引言：IDE 的“空间折叠”

以前写代码，你是司机，AI 是副驾驶（Copilot），你盯着路，它帮你换挡。 现在 Cursor 2.0 告诉你：你是指挥官，AI 是特种部队。

这次更新最炸裂的不是模型智商的提升，而是工作流的重构。它引入了Parallel Agents（并行代理）和Visual Context（视觉上下文），彻底改变了我们与代码的对话方式。

二、 核心功能拆解 (Core Features)

1. 并行开发：你的“影分身”之术

传统 IDE 只能串行工作：写完 A 功能，再写 B 功能。 Cursor 2.0 允许你通过Composer面板同时开启多个会话窗口。

• 场景：你需要开发一个“番茄钟应用”。

• 操作：

  • Agent A：负责开发倒计时核心逻辑。

  • Agent B：负责编写 CSS 样式和动画。

  • Agent C：负责编写单元测试用例。

• 底层逻辑：利用git worktree隔离环境，最后由你决定 Merge 哪一个分支。这相当于给你配了 3 个初级程序员同时干活。

2. 内置浏览器：AI 终于有了“眼睛”

这是本次更新最“人味儿”的功能。以前 AI 写完前端代码，不仅不知道长啥样，改 Bug 还得靠你复制报错信息。 现在，Cursor 内置了一个 Chromium 浏览器：

• 指哪改哪：点击页面上的“开始按钮”，输入“把这个改成圆角的”，AI 自动定位 CSS 文件并修改。

• 自动化测试：AI 写完代码后，会自己打开浏览器，自己截图看效果，甚至模拟点击测试功能是否正常。

三、 实战演练：5分钟手撸“萌系番茄钟” (Hands-on Demo)

我们将使用 Cursor 2.0 的Composer Plan模式，结合多模型并行，从零实现一个 Web App。

Step 1: 顶层设计 (The Plan)

不要上来就写代码，先用Ctrl+I唤起 Composer，输入指令：

"帮我规划一个 Web 版番茄时钟，要求画风可爱，包含自定义时间功能。"

Cursor 会生成一个plan.md，列出文件结构和技术栈（HTML/CSS/JS），确认无误后点击Build Plan。

Step 2: 模型竞技场 (Model Arena)

为了测试效果，我们开启双路并行：

• 左路：使用 Cursor 自研的cursor-small模型（速度极快）。

• 右路：使用Claude-3.5-Sonnet（逻辑更强）。

结果令人惊讶：cursor-small几乎瞬间完成了代码骨架，而Claude则在样式细节上打磨了更久。你可以直接预览两者的效果，选择更喜欢的那一个点击Apply。

Step 3: 视觉微调 (Visual Debugging)

代码运行后，发现“开始”按钮颜色太浅。

• 旧操作：F12 -> 找 Class 名 -> 回到代码搜 Class -> 改色号。

• 新操作：点击 Cursor 预览窗口右上角的Select Element-> 点击按钮 -> 对话框输入 "颜色深一点，加个阴影" ->Done。

Step 4: 自动化验收

对着 Agent 说：“帮我测试一下添加任务和删除任务的功能。” 你会看到屏幕上的鼠标自己动了起来！AI 自动输入了 "Test Task"，点击添加，又点击删除，最后告诉你：“测试通过，无报错。”

四、 总结与展望

Cursor 2.0 让我们看到了"Software 2.0"的雏形。

• 对于新手：门槛进一步降低，你只需要具备“审美”和“逻辑判断能力”。

• 对于老手：它剥离了繁琐的 DOM 操作和样板代码，让你回归到架构设计和业务逻辑本身。

未来已来，不要做那个还在手动 F12 的人。