人人都会AI编程

3.4.2 @文件夹:绑定项目目录上下文

更新时间:2026-06-30

在聊天框输入 @ 后选择「文件夹」,即可将整个目录作为上下文绑定给 AI。这相当于告诉 AI:"别只看单个文件,这个模块下的东西你整体了解一下。"

基本用法

在 Cursor、Windsurf 或支持 @ 引用的 AI 编辑器中,输入 @ → 选择 Folder → 勾选目标目录(如 src/servicesdocs/api)。AI 会读取该目录下的文件列表、关键代码片段和层级结构,随后基于整个目录的范围回答你。

适用场景

  • 批量重构:选中 utils/ 文件夹,让 AI 把所有工具函数从 CommonJS 统一改成 ES Module。
  • 跨文件找依赖:把 components/ 丢进去,问 AI "哪些页面引用了 Table 组件但没传 pagination 属性"。
  • 保持风格一致:基于 models/ 已有的 4 个模型文件,让 AI 生成第 5 个模型时遵循同样的字段命名规范。
  • 写说明文档:把 src/api 丢进去,让 AI 根据代码直接输出接口文档。

注意事项

  1. 别贪大。整个项目根目录塞进去很容易撞 Token 上限,AI 反而会"失忆"。优先圈定具体的子目录(如 src/pages/login 而非整个 src)。
  2. 配合 @文件 精准打击。如果目录里有个核心文件特别重要,可以同时 @文件夹 + @那个关键文件,让 AI 重点阅读。
  3. 注意垃圾文件。确保目录里没有未忽略的 node_modules、构建产物或日志,否则 AI 可能把时间浪费在无意义的代码上。

真实示例

用户@frontend/src/components 帮我把这些组件里的 console.log 全删掉,换成统一的 logger.debug,别忘了 import 上面的 logger 实例。
AI:好,我扫了 components 目录下的 8 个文件,发现其中 3 个有 console.log,这是修改后的 diff...

一句话总结@文件夹 是处理"跨文件、批量化"任务的利器,但记得缩小范围、精准投喂,别把整个项目都丢进去。