Trae:gahorouter 快速上手指南
⏱️ 5 分钟完成:从创建 API Key 到在 Trae 中使用 Claude Code 进行 AI 辅助开发
两条安装路径,按需任选一条
| 对比项 | 路径 A:CLI + 插件 | 路径 B:仅插件(无需 CLI) |
|---|---|---|
| 适合谁 | 开发者、喜欢命令行 | 不想装 CLI、只用图形界面 |
| 安装步骤 | 多一步(装 CLI) | 少一步 |
| 功能差异 | CLI + 侧边栏都能用 | 仅侧边栏 |
| 配置方式 | CC Switch 或环境变量 | CC Switch 或环境变量(相同) |
前置准备
在开始之前,请确保:
- 注册 gahorouter 账号:访问 https://console.gahorouter.com/keys,注册并订阅(有免费试用)
- 安装 Trae:下载最新版 https://www.trae.ai/(国内用户可访问 https://www.trae.com.cn/),安装后打开测试
- 网络:需要稳定的网络连接(路径 A 下载 Claude Code CLI 时需能科学上网;路径 B 无此要求)
第 1 步:创建 API Key(两条路径相同)
1.1 登录 gahorouter 平台
访问:https://console.gahorouter.com/keys,输入账号密码。
1.2 创建新的 API Key
- 进入 API 密钥 页面
- 点击 「创建密钥」 按钮
- 填写配置信息:
| 配置项 | 说明 |
|---|---|
| 名称 | 必填,API Key 名称(便于识别) |
| 分组 | 必填,根据套餐订阅权限选择合适分组 |
| 自定义密钥 | 可选,用于自定义字符串作为 API 密钥 |
| IP 限制 | 可选,设置允许/禁止访问的 IP 白名单或黑名单 |
- 点击 「创建」 生成 API Key
1.3 保存 API Key
进入 API 密钥 页面,复制 Key(sk-xxxxxx),保存到记事本备用。
路径 A:CLI + 插件
第 2A 步:安装 Claude CLI
Windows(PowerShell 运行):
irm https://claude.ai/install.ps1 | iexmacOS(推荐 Homebrew;如未安装 Homebrew,先运行下方命令):
# 安装 Homebrew(已有可跳过)
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
# 安装 Claude Code
brew install --cask claude-codeLinux:
curl -fsSL https://claude.ai/install.sh | sh验证安装:
claude --version
# 显示 "Claude CLI v1.x.x" 即为成功第 3A 步:配置 API(二选一)
根据使用习惯选择适合你的方式,两种方式效果完全相同。
✅ 方式 A:使用 CC Switch(推荐新手)
CC Switch 是 gahorouter 提供的可视化配置工具,支持一键导入、多环境切换,无需手动编辑配置文件。
3A.1 安装 CC Switch
前往 https://github.com/farion1231/cc-switch 下载对应系统版本:
- Windows:下载 .exe 安装包,安装后运行
- macOS:下载 .dmg 安装包,安装后运行
3A.2 一键导入配置
- 登录 gahorouter,进入 API 密钥 页面
- 找到目标 Key,点击 「导出 CCS」 按钮
- 弹出跳转提示,点击 「允许」
- 系统自动打开 CC Switch 应用并完成配置导入
💡 CC Switch 将配置保存至 ~/.gahorouter/config.json,支持多环境切换(开发 / 测试 / 生产)
3A.3 验证配置
打开终端,输入:
claude进入 Claude Code 交互页面后,输入「你好」,等待回复。
- ✅ Claude 返回正常回复 → 配置成功
- ❌ Authentication failed → 检查 API Key 是否正确导入
- ❌ Cannot connect to API → 检查网络连接
✅ 方式 B:手动设置环境变量(推荐开发者)
通过环境变量手动配置,适合熟悉命令行的开发者,方便在 CI/CD、Docker、脚本等场景中复用。
macOS / Linux:
编辑 ~/.zshrc(zsh)或 ~/.bashrc(bash),在末尾添加:
# gahorouter API 配置
export ANTHROPIC_API_KEY="sk-xxxxxxxxxxxxxxxxxxxxxx"
export ANTHROPIC_BASE_URL="https://console.gahorouter.com"保存后执行:
source ~/.zshrc # zsh 用户
# 或
source ~/.bashrc # bash 用户Windows PowerShell:
# 永久设置(写入系统用户环境变量,重启终端后生效)
[System.Environment]::SetEnvironmentVariable("ANTHROPIC_API_KEY", "sk-xxxxxxxxxxxxxxxxxxxxxx", "User")
[System.Environment]::SetEnvironmentVariable("ANTHROPIC_BASE_URL", "https://console.gahorouter.com", "User")验证环境变量:
echo $ANTHROPIC_API_KEY # macOS/Linux
echo $env:ANTHROPIC_API_KEY # Windows PowerShell输出你的 Key 值即为成功。
验证连接:
claude进入交互页面后,输入「你好」,等待回复。
- ✅ Claude 返回正常回复 → 配置成功
- ❌ Authentication failed → 检查 Key 值是否粘贴完整,首尾无空格
- ❌ Cannot connect to API → 检查 ANTHROPIC_BASE_URL 是否正确或网络连接
⚠️ 优先级说明: 环境变量优先级高于 CC Switch 配置。若同时设置,环境变量会覆盖 CC Switch 的值。
路径 B:仅插件(无需安装 CLI)
适合不想使用命令行的用户。跳过 CLI 安装,直接在 Trae 中安装插件即可使用图形化界面。
第 2B 步:在 Trae 中安装 Claude Code 插件
- 打开 Trae,点击左侧活动栏的 扩展图标,或按 Ctrl+Shift+X
- 在搜索框中输入 「Claude Code」
- 找到 Claude Code for VS Code,点击 「安装」(Install)
- 安装完成后,左侧活动栏会出现 ⚡ Spark 图标
💡 如果侧边栏没有显示图标,可能被折叠。右键点击活动栏空白区域或 ··· 更多菜单,勾选 「claude code: open」 即可将图标显示出来。
第 3B 步:配置 API(二选一)
插件通过读取系统环境变量或 CC Switch 配置获取 API Key,配置方式与路径 A 完全相同,二选一即可。
✅ 方式 A:使用 CC Switch(推荐新手)
参照路径 A 中 「方式 A:使用 CC Switch」 的步骤操作,完全相同。
配置完成后,无需打开终端,直接去第 4B 步验证。
✅ 方式 B:手动设置环境变量(推荐开发者)
macOS / Linux:
编辑 ~/.zshrc(zsh)或 ~/.bashrc(bash),在末尾添加:
export ANTHROPIC_API_KEY="sk-xxxxxxxxxxxxxxxxxxxxxx"
export ANTHROPIC_BASE_URL="https://console.gahorouter.com"保存后执行:
source ~/.zshrc # zsh 用户
# 或
source ~/.bashrc # bash 用户Windows PowerShell:
[System.Environment]::SetEnvironmentVariable("ANTHROPIC_API_KEY", "sk-xxxxxxxxxxxxxxxxxxxxxx", "User")
[System.Environment]::SetEnvironmentVariable("ANTHROPIC_BASE_URL", "https://console.gahorouter.com", "User")⚠️ Windows 设置完系统环境变量后,必须完全关闭 Trae 再重新打开,插件才能读取到新变量。
第 4B 步:验证插件连接
- 在 Trae 中点击左侧 ⚡ Spark 图标,打开 Claude Code 面板
- 在对话框中输入「你好」
- Claude 返回正常回复 → 配置成功
常见错误:
- ❌ Authentication failed → 检查 ANTHROPIC_API_KEY 是否正确,重启 Trae 后重试
- ❌ Cannot connect → 检查 ANTHROPIC_BASE_URL 是否为 https://console.gahorouter.com,注意不带 /v1
第 4 步:在 Trae 中使用(两条路径相同)
模式 1:Trae 终端集成(路径 A 专属)
直接在 Trae 内置终端中运行 Claude CLI,无需安装额外插件。
优势:
- ✅ 支持完整 CLI 参数(--files、--model 等)
- ✅ 适合开发者和命令行用户
使用步骤:
- 用 Trae 打开一个项目(菜单栏 文件 → 打开文件夹,或启动页点击 Open Project)
- 打开终端(菜单栏 终端 → 新建终端,或快捷键 Ctrl+`;macOS 为 Control+`)
- 在终端中输入 claude 并回车,进入 Claude Code 交互页面
- 首次使用需确认信任当前工作区,按提示操作即可
- 开始对话,例如:「请分析这个项目的结构」
模式 2:Claude Code for VS Code 插件(路径 A / B 均可用)
Trae 基于 VS Code 内核,完整兼容 VS Code 扩展,可直接安装 Claude Code 插件获得图形化侧边栏界面。
优势:
- ✅ 图形化界面,操作直观
- ✅ 侧边栏对话,无需切换终端
- ✅ 支持代码高亮和语法着色
- ✅ 适合不熟悉命令行的用户
使用步骤:
- 打开 Trae 扩展市场(左侧活动栏点击扩展图标,或快捷键 Ctrl+Shift+X)
- 在搜索框中输入「Claude Code」
- 找到 Claude Code for VS Code,点击 「安装」(Install)(路径 B 用户已在第 2B 步完成)
- 安装完成后,左侧活动栏会出现 ⚡ Spark 图标,点击打开 Claude Code 面板
- 在对话框中与 Claude 交互
💡 如果侧边栏没有显示图标,可能被折叠。右键点击活动栏空白区域或 ··· 更多菜单,勾选 「claude code: open」 即可将图标显示出来。
💡 路径 A 用户两种模式可同时使用,共享同一套 API 配置。
第 5 步:实战对话示例
场景 1:理解陌生项目
👤 你:请帮我理解这个项目的整体架构
🤖 Claude:我来分析这个项目...
[自动读取项目目录结构]
这是一个基于 Express + MongoDB 的 REST API 项目...场景 2:代码重构咨询
# 带文件启动(终端模式,路径 A)
claude chat --files "src/utils/emailSender.js"👤 你:这个文件的代码质量如何?有什么改进建议?
🤖 Claude:代码质量评估:⭐⭐⭐ (3/5)
✅ 做得好的地方:...
❌ 存在的问题:...
🔧 重构建议(优先级排序):...场景 3:Bug 调试
👤 你:运行报错了:TypeError: Cannot read properties of undefined
🤖 Claude:让我分析这个错误...
[定位到 src/api/user.js 第 42 行]
问题原因:user 对象未初始化就访问了属性...
修复方案:...对话技巧
| 技巧 | 示例 |
|---|---|
| 提供文件上下文 | --files "src/auth/**/*.js" |
| 分步骤拆解任务 | 先理解 → 再设计 → 再生成代码 |
| 触发内置 Skill | 说「审查代码」/「写测试」/「报错了」 |
获取帮助
如遇到问题:
- 技术支持邮箱:gaho7777@163.com
相关链接
- gahorouter 控制台:https://console.gahorouter.com
- 产品官网:https://gahorouter.com
- CC Switch 下载:https://github.com/farion1231/cc-switch