新版 Cursor 看不到代码了？5 分钟学会新界面所有操作

前言：打开 Cursor，代码去哪了？

如果你最近升级了 Cursor，可能会遇到这样的场景：

• 面前只有一个文字输入框
• 没有代码编辑器
• 没有文件树
• 没有你熟悉的任何界面元素

很多人第一反应是：「这怎么用？我的代码呢？」

别慌。这其实是 Cursor 3.0 引入的全新 Agent 模式——界面看起来变「空」了，但功能并没有消失，只是默认藏起来了。这篇文章带你 5 分钟走一遍新界面的完整操作流程。

---

一、新界面在哪里？

新建项目：旧界面依然可用

如果你创建的是一个新项目，默认界面其实跟以前一样，代码、文件树都在，完全不受影响。

体验 Agent 模式：从这里进入

想体验新版界面，点击右上角的 Agent Window，即可打开 Cursor 3.0 的 Agent 界面。

进来之后，你会看到一个纯对话窗口——没有代码、没有文件。很多人看到这里会不适应，但别急着关掉，我们用一个 Todo 待办事项的小例子，把以前会做的操作一步步找回来。

---

二、跟 Cursor 对话：从需求到代码

选择模式

左下角有模式切换：

模式	适用场景
Plan	新项目推荐，先规划再动手
Bug	排查和修复问题
Ask	问答、了解代码

还可以在这里切换模型。

对于复杂的新项目，建议用 Plan 模式，让 AI 先规划再写代码。我们的 Todo 例子比较简单，可以直接输入需求，不选特定模式。

生成代码

输入需求后，Cursor 会先思考十几秒，然后开始生成代码。你会看到文件一个个被创建出来——整个过程你不需要插手，等它跑完就行。

跟以前一样，AI 会帮你把项目骨架搭好。

---

三、打开终端：运行项目

代码生成完毕后，Cursor 会提示你去终端执行启动命令。

终端在哪？

看右上角，有一个终端图标，点一下就能打开。把 Cursor 给出的命令粘贴进去，回车，项目就启动了。

---

四、预览页面：不用切浏览器

Cursor 会提示你打开 localhost 的地址——直接点击链接，预览页面会在 Cursor 右侧面板打开。

你不需要再切出去开浏览器，直接在 Cursor 里就能看到效果。

快速验证

在输入框里随便输入一条待办，比如「Cursor 的司命校中」，点击添加，下面出现新的一行——说明功能开发没问题。

---

五、Design 模式：精确修改，不动其他地方

想改页面上的某个具体功能？比如给每条任务加一个截止日期：

1. 在预览页面右上角，点击 Design 按钮
2. 用鼠标点击你想修改的区域
3. 输入需求，例如：「给每条任务加一个截止日期的输入框」
4. 点击发送，等待 Cursor 回复

Cursor 会只修改你指定的部分，不会乱动其他地方。右侧已经出现截止日期选项，测试添加新待办后，下面会显示你选的日期——说明修改精准生效。

---

六、Git 版本管理：保存这次改动

做完功能后，怎么保存版本？

右侧面板上方有 Git 图标，点进去可以看到本次改动了哪些文件、改了什么内容（比如 App.js、样式文件等）。

确认没问题后，直接点击 Commit，版本就保存好了。以后想回退、对比，都在这里操作。

---

七、想看代码？文件树还在

最后，如果你真的想看代码文件：

右侧面板还有一个文件图标，点进去就是完整的文件树，所有文件都在——跟以前一模一样，并没有消失，只是默认不展示而已。

---

写在最后：这不只是换皮，是思维方式的转变

走完全部流程，你会发现：

新版 Cursor 把代码「藏」了起来，表面上是界面变了，但真正改变的是——AI 在主导写代码，人只需要提需求。

你关心的重点，从「代码怎么写」变成了「我想要什么」。

这是一次思维方式的迁移，而不只是工具的更新。

如果你用过 OpenAI 的 Codex，会发现新版 Cursor 的界面跟它几乎一样——这不是巧合，整个行业正在往同一个方向走。

建议： 切换到新界面，亲自体验一下。早一点适应这种方式，可能会成为你的优势。

---

操作速查表

想做什么	在哪里找
进入 Agent 界面	右上角 Agent Window
切换 Plan / Bug / Ask	左下角模式选择
打开终端	右上角终端图标
预览页面	点击 localhost 链接，右侧打开
精确改 UI	预览页右上角 Design 按钮
提交 Git	右侧面板 Git 图标 → Commit
查看代码文件	右侧面板文件图标