乐于分享
好东西不私藏

Cursor AI编辑器实战指南④:Chat面板——@引用和Apply改动的正确用法

Cursor AI编辑器实战指南④:Chat面板——@引用和Apply改动的正确用法

前三篇讲了安装、Tab 补全和 Cmd+K。这一篇,讲 Cursor 里另一个核心功能——Chat 面板

Chat 面板 vs Cmd+K:分工不同

很多人刚开始用 Cursor 会困惑:Chat 面板和 Cmd+K 有什么区别?都是跟 AI 对话,为什么搞两个入口?

Cmd+K
Chat 面板
使用场景
改当前文件的某段代码
讨论整体方案、跨文件修改
上下文
自动带当前文件内容
需要手动 @ 引用文件
输出形式
在编辑器里直接改
在侧边栏生成代码块
采纳方式
按 Enter 采纳
点击 Apply 按钮

简单总结:小改用 Cmd+K,大改用 Chat

@ 引用:让 AI 知道你在说什么

Chat 面板最容易被忽视但最强的功能,是 @ 引用。

在 Chat 面板里输入 @,会弹出一个菜单,你可以引用:

  • @文件
    :引用当前项目的某个文件
  • @文件夹
    :引用整个目录
  • @函数
    :引用项目里的某个函数/类
  • @问题
    :引用 Issues 里的讨论
  • @Web
    :让 AI 联网搜索

举个例子。你写了一句:

@src/utils/api.ts 帮我 refactor 这个文件里的 HTTP 请求

Cursor 会读取 src/utils/api.ts 的完整内容,在理解后再给出修改建议。没有 @ 引用,它只能猜测你说的”这个文件”是哪个。

Apply 改动:一键应用

当 Chat 面板生成代码后,代码块下方会出现一个 Apply 按钮。

点击 Apply,Cursor 会自动把改好的代码应用到你对应的文件里。不需要手动复制粘贴。

几个要点:

  • Apply 会生成 diff 对比,你可以看到改了什么再决定要不要保留
  • 如果修改跨多个文件,Apply 会一次性处理所有改动
  • 觉得改得不对,Ctrl+Z 撤销就可以了

实战:用 Chat 面板做代码审查

这是 Chat 面板的一个隐藏用法——代码审查

@ 引用一个文件或文件夹,问 AI:

  • “Review this file for potential bugs”
  • “Check if there are any security issues in this code”
  • “Are there any performance problems with this implementation?”

Cursor 会逐段分析,指出问题并给出修改建议。你可以直接 Apply 修复。

这比手动 review 快很多,但不能完全替代人工审查——AI 可能漏掉业务逻辑上的漏洞。

用 Chat 面板做架构设计

另一个高阶用法:用 Chat 面板做设计讨论。

比如你要搭建一个新功能,可以先在 Chat 里描述需求,让 AI 给出架构方案:

我需要在 /dashboard 页面展示用户数据,数据来源是 /api/users。先帮我设计一下组件结构和数据流。

Cursor 会给出目录结构建议、组件拆分方案、API 调用方式。你觉得方案合理,可以继续说:

按这个方案,帮我生成 UserDashboard 组件的初始代码。

然后 Apply 到你的项目里。

Chat 面板的效率秘诀

1. 给够上下文

@ 引用相关文件,而不是只靠 AI 猜。一个引用不够就引两个。

2. 分步提问

别一次性把所有需求丢给 AI。先①讨论方案,②确认后再生成代码,③分段 Apply。

3. 用追问纠正

AI 生成的方案不满意,直接说”改成这样””这里不对”。Chat 面板保持上下文,能理解你之前说的。


下期预告:Composer——终极多文件编辑工具,一次搞定整个功能模块

🌟 关注我们,学习更多AI技能

🔗 https://agent.eake.cn/         

每周更新AI工具教程、Agent实战指南

我们尊重原创,主要目的在于分享信息。版权归原作者所有,如有侵犯您的权益请及时告知我们,我们将在第一时间删除您的作品。我们不对信息真实性负责,请各位看官慎重选择,更多信息请点击查看原文。