根据 Qoder 官方文档，Context 是一个强大的上下文输入功能，支持代码文件、目录、图像、Git提交和规则等丰富的上下文类型，让您可以通过这些资源来补充问题并明确需求。

🚀 如何添加上下文

Qoder 提供三种便捷的方式来添加上下文：

方法1：点击按钮

• 🖱️ 点击输入框中的 + Add Context 按钮
• 📋 打开上下文选择窗口

方法2：@ 符号快速输入

• ⌨️ 在输入框中输入 @ 符号
• 🔍 继续输入以搜索文件
• 🎯 选择上下文类型（如 @file、@folder、@gitCommit）
• 📊 支持多选

方法3：拖拽操作

• 🖱️ 直接拖拽代码文件和图像到聊天框
• 📋 或复制粘贴文件内容
• ⚡ 自动添加为上下文

📚 支持的上下文类型

Qoder 提供6种主要的上下文类型，可以组合使用来创建完整的需求表达：

📁 @file - 文件上下文

用途：

• 🔍 询问单个或多个文件相关问题
• ✏️ 修改特定文件内容
• 📊 分析文件结构和逻辑

使用方法：

@file utils.js

实用技巧：

• 💡 在描述中使用 @ + 文件名来强调文件
• 🖱️ 拖拽文件时会自动强调该文件
• 📋 支持同时选择多个文件

📋 @rule - 规则上下文

功能特点：

• 🔧 将系统提示嵌入到每个模型调用中
• 🎯 提供持久、可重用的上下文
• 🔄 在代码生成、重构和工作流自动化中保持指导一致性

应用场景：

• 📏 代码风格规范
• 🛡️ 安全编码标准
• 🏗️ 架构设计原则

📂 @folder - 文件夹上下文

用途：

• 🔍 询问或修改代码片段
• 🔄 搜索、重构、注释代码
• 🧪 生成单元测试

使用方法：

@folder src/components

最佳实践：

• 🎯 选择包含目标代码的项目文件夹
• 📝 结合具体需求描述
• 🔍 适合批量操作场景

🖼️ @image - 图像上下文

强大功能：

• 🎨 根据设计图生成代码
• 🐛 通过截图修复bug
• 👁️ 可视化展示需求

使用场景：

@image design-mockup.png
"根据这个设计图创建响应式的前端页面"

支持方式：

• 📤 上传图像文件
• 📋 复制粘贴图像到聊天框
• 🖱️ 拖拽图像文件

📊 @codeChanges - 代码变更上下文

核心功能：

• 📈 查看当前Git暂存区的代码变更
• 🔍 代码推送前的审查优化
• 🧪 为变更添加单元测试

典型用法：

@codeChanges
"请审查这些变更并优化代码质量"

应用时机：

• 📝 代码提交前审查
• 🔍 变更影响分析
• ✅ 质量检查

🔗 @gitCommit - Git提交上下文

功能说明：

• 📜 添加Git提交的详细信息
• 🔍 分析历史变更
• 🐛 基于提交记录进行问题排查

使用场景：

@gitCommit abc123f
"分析这次提交可能导致的bug"

应用领域：

• 🔧 故障排查
• 🐛 Bug修复
• 🧪 单元测试生成
• 📊 代码审查

💡 上下文使用技巧

组合使用

@file config.js @folder src/utils @rule coding-standards
"重构配置模块，遵循编码规范"

强调重点

• 🎯 使用 @文件名 在描述中强调重要文件
• 📋 拖拽操作自动强调文件
• 🔍 多个上下文时明确主次关系

场景优化

• 📊 代码审查 - 结合 @codeChanges 和 @rule
• 🎨 UI开发 - 组合 @image 和 @folder
• 🐛 Bug修复 - 利用 @gitCommit 和 @file
• 🧪 测试生成 - 配合 @folder 和相关规则

🌟 最佳实践

上下文选择策略

• 🎯 精准选择 - 只包含相关的文件和目录
• 📊 适量原则 - 避免添加过多无关上下文
• 🔍 层次清晰 - 从具体文件到整体架构

描述优化

• 💬 清晰表达 - 结合上下文明确说明需求
• 🎯 重点突出 - 使用@符号强调关键文件
• 📋 结构化 - 按逻辑组织多个上下文

Context 功能的价值：

• 🎯 精准理解 - 提供完整的代码上下文
• ⚡ 高效沟通 - 减少重复说明
• 🔄 智能关联 - 理解文件间依赖关系
• 🎨 多媒体支持 - 图像、代码、Git记录全覆盖

Context 是 Qoder 实现精准AI编程的关键功能，让AI真正理解您的具体需求和项目背景！