三亩地 三亩地SAN MU DI · CODE DIARY
ARTICLE DETAIL

日记详情

真实记录编程学习的某一天,欢迎挑你感兴趣的翻一翻。

架构设计用Qoder,代码落地用CodeBuddy:一套配置打通两套AI,效率翻倍不是梦

架构设计用Qoder,代码落地用CodeBuddy:一套配置打通两套AI,效率翻倍不是梦

一、解决了什么问题?

在日常开发中,单一AI编程工具往往顾此失彼:

痛点Qoder解决CodeBuddy解决
项目理解难Quest模式自动分析项目结构、生成技术规约内联对话快速定位代码位置
规范不统一Rules规则全局/项目级配置User Rules个人偏好同步
协作成本高云端工作区、代码对比企业级DevOps集成
重复造轮子上下文感知、跨文件分析工具链复用、代码片段同步

核心价值:Qoder负责“架构设计+规范制定”,CodeBuddy负责“代码落地+调试优化”——各取所长。

二、环境配置(5分钟搞定)

2.1 安装IDE

  • Qoder:阿里官网下载对应版本
  • CodeBuddy:腾讯云IDE或VSCode插件

2.2 规则配置(关键步骤)

Qoder Rules配置

text

1. Qoder IDE → 右上角用户图标 → Qoder设置 2. 左侧导航栏 → 规则 → 添加 3. 选择规则类型: - 始终应用:编码规范、文档格式 - 模型决策:单元测试、代码注释 - 特定文件:*.js、src/**/*.ts - 手动应用:用@rule引用 4. 关闭窗口保存

规则存储位置.qoder/rules/目录,可用Git共享

CodeBuddy配置

  • User Rules:个人编码风格(所有项目生效)
  • Project Rules:项目级规范(仅当前项目)

2.3 扩展插件同步(从CodeBuddy到Qoder)

powershell

# 1. 导出CodeBuddy插件列表 buddycn --list-extensions > extensions-list.txt # 2. Qoder批量安装 Get-Content extensions-list.txt | ForEach-Object { qoder --install-extension $_ }

首次启动时,Qoder也支持“一键导入第三方IDE扩展”

2.4 用户配置同步

复制%APPDATA%\CodeBuddyCN\User下的三个核心内容到Qoder对应目录:

  • settings.json:个性化设置
  • keybindings.json:快捷键
  • snippets/:代码片段

三、实战使用流程

🔵 阶段一:Qoder做架构设计

场景:接手一个老项目,需要快速理解并规划重构

操作步骤

  1. 建立项目认知

    text

    提示词示例: “分析当前项目目录结构,生成技术架构文档,包含技术栈、依赖关系、模块划分”
  2. Quest模式任务拆解

    • 启动Quest 1.0智能体
    • 输入需求:/quest 实现用户登录功能,包含JWT鉴权、验证码、记住密码
    • Qoder自动生成:技术规约(Spec)+ 任务清单 + 接口定义
  3. 配置项目Rules.qoder/rules/

    markdown

    # 项目编码规范 - API返回格式:{code:0, data: {}, message: ""} - 命名规范:组件用PascalCase,工具函数用camelCase - 禁用any类型

🟢 阶段二:CodeBuddy写代码

场景:基于Qoder的Spec快速实现功能

操作步骤

  1. 导入Qoder的Spec

    • 复制Qoder生成的技术文档
    • 在CodeBuddy中使用Craft模式:基于以下Spec生成代码骨架:[粘贴Spec]
  2. 内联对话编写代码

    • 选中代码区域 → 快捷键唤起(默认开启)
    • 直接输入:实现表单验证,参考项目中已有的validator.js
    • CodeBuddy自动调用现有工具函数,避免重复造轮子
  3. CLI结构化输出

    bash

    codebuddy generate api --output-schema=./schema.json # 强制遵循JSON Schema规范,不符合会报错

🔄 阶段三:协同调试与优化

  1. Qoder修复复杂Bug:Quest自动诊断根因 → 生成修复方案 → 验证效果
  2. CodeBuddy快速迭代:内联对话微调代码,无需切换窗口
  3. Rules持续优化:根据实际使用反馈,迭代更新规则文件

四、效果展示

📸【此处配置你的效果图】

推荐截图内容:

  • Qoder Quest模式生成的技术规约文档
  • CodeBuddy内联对话生成代码的界面
  • 两个工具协同完成的功能截图

五、常用命令速查

操作QoderCodeBuddy
启动任务拆解/quest [需求]-
引用规则@rule [规则名]@符号引用
安装插件qoder --install-extensionbuddycn --install-extension
结构化输出---output-schema
内联对话-快捷键/Ctrl+K

效果图:

总结:Qoder负责“想清楚”,CodeBuddy负责“写出来”。一套配置,两个工具,覆盖从架构设计到代码落地的全流程。

← 返回列表