跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客GitHub 精选镜像工具UI配色美学隐私政策关于联系
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
编程语言Node.jsAI

Trae AI 与 VS Code 配置 Claude、GPT、Gemini 大模型接入教程

在 Trae AI 及 VS Code 中通过第三方中转 API 接入 Claude、GPT 及 Gemini 等大模型,解决国内网络延迟与支付难题。教程涵盖 Node.js 环境搭建、API Key 获取、环境变量配置及插件设置全流程,确保本地开发环境高效稳定运行。

芝士奶盖发布于 2026/4/9更新于 2026/6/1019 浏览
Trae AI 与 VS Code 配置 Claude、GPT、Gemini 大模型接入教程

Trae AI 与 VS Code 配置 Claude、GPT、Gemini 大模型接入教程

在人工智能技术迅猛发展的今天,Anthropic 的 Claude 系列、OpenAI 的 GPT 系列以及 Google 的 Gemini 系列因其卓越的推理能力、代码生成和长文本处理技术,已成为全球开发者构建智能应用的重要选择。然而,国内开发者在直接调用官方模型时,普遍面临网络延迟高、访问不稳定、支付繁琐等难题。

本教程记录在 Trae AI 软件中配置第三方中转 API 接入上述大模型的详细步骤。后续发现 VS Code 配置流程基本一致,也可参考此方案。

1. 安装 Trae AI

访问 Trae AI 官网,选择适合自己电脑操作系统的版本进行下载。本文以 Windows 系统为例。

  • 国内版官网:https://www.trae.com.cn/
  • 国际版官网:https://www.trae.ai/

文章配图

2. 基础配置

启动后首先选择语言(中文/英文)和主题(暗色/亮色/深蓝)。

文章配图

导入现有编辑器设置(可选)

如果之前使用过 VS Code,可以一键导入配置。点击'从 VS Code 导入'按钮,系统会自动导入插件、IDE 设置、快捷键等信息。如需全新开始,可选择跳过。

文章配图

添加命令行(可选)

为方便在终端中使用 Trae,可点击'安装 trae 命令'按钮。安装后可在终端使用以下命令:

  • trae:快速唤起 Trae
  • trae my-react-app:在 Trae 中打开指定项目

如果不需要可以直接点击跳过。成功后进入 Trae 主界面。

文章配图

注意:此处图片链接为占位符,实际使用时请保留原图链接

进入扩展商店搜索 Cline 进行安装下载。

文章配图

3. 获取 API Key 与 URL 地址

要想在 Trae 上正确使用各类大模型,我们需要购买官方平台提供的 API 或者第三方提供的 API。

通过对比价格、稳定性、速度三方面后,建议选择合适的第三方中转平台来获取 API Key。这里以魔芋 API 平台为例。

前往注册页面:https://www.moyu.info/register

使用手机号码或者邮箱来进行账号注册。

文章配图

注册成功后登录进入【令牌管理】。

文章配图

文章配图

文章配图

文章配图

配置完成后可以使用新配置的令牌或者初始平台生成的令牌。

文章配图

返回 Trae 的配置地方,填写好相关 URL 地址(如 https://www.moyu.info),平台上复制的 API Key,然后 Model ID 要去平台复制(模型广场里面每个模型右上角有复制按钮)。

文章配图

4. 接入 GPT 系列或 Gemini 系列模型

安装好后,打开侧边的 Cline 应用。

文章配图

勾选第三个 Bring my own API Key 确定,进入 API 配置界面。

文章配图

使用 Gemini 和 GPT 模型需要注意不要选择错了 API Provider!!!

文章配图

文章配图

文章配图

文章配图

保存后,回去主页面测试一下,正常回复,即为成功!!!!

文章配图

5. 接入 Claude 系列模型

Trae 如果接入 Claude 系列模型会比较复杂,摸索了许久,最后整理如下。所以我们要先进行 Claude Code 的下载以及配置。

环境安装

Node.js 环境安装
  1. 打开浏览器访问 https://nodejs.org/
  2. 点击 LTS 版本进行下载(推荐长期支持版本)
  3. 下载完成后双击 .msi 文件
  4. 按照安装向导完成安装,一直 Next 保持默认设置即可

文章配图

文章配图

按下 Win + X 组合键,选择 终端管理员 或 Windows PowerShell (管理员) 打开 PowerShell,输入以下命令验证安装:

node --version
npm --version

文章配图

如果显示版本号,说明安装成功。

安装 Git Bash

下载并安装 Git for Windows:

  1. 访问 https://git-scm.com/downloads/win
  2. 点击 Download for Windows 下载安装包
  3. 运行下载的 .exe 安装文件
  4. 在安装过程中保持默认设置,直接点击 Next 完成安装

文章配图

文章配图

文章配图

安装完成后验证 Git Bash 安装,打开 Git Bash 输入以下命令验证:

git --version

文章配图

安装配置 Claude Code

打开 PowerShell,运行以下命令安装全局包:

npm install -g @anthropic-ai/claude-code

安装完成后若出现 Setup notes 提示,运行以下命令更新环境变量路径:

[Environment]::SetEnvironmentVariable('Path', ([Environment]::GetEnvironmentVariable('Path','User') + ";$HOME\.local\bin"), 'User')

安装完成后输入以下命令查看是否安装成功:

claude --version

文章配图

安装成功后配置环境变量,在 PowerShell 输入以下命令:

[Environment]::SetEnvironmentVariable("ANTHROPIC_AUTH_TOKEN", "API 密钥", "User")
[Environment]::SetEnvironmentVariable("ANTHROPIC_BASE_URL", "平台地址", "User")
[Environment]::SetEnvironmentVariable("ANTHROPIC_MODEL", "默认 claude 模型", "User")

文章配图

注:密钥是填写平台上复制的,平台地址是 https://www.moyu.info,模型名称也要去平台上复制要用的 Claude 模型。

设置完成后关闭当前 PowerShell,重新打开一个 PowerShell 界面,检查是否配置成功:

echo $env:ANTHROPIC_AUTH_TOKEN
echo $env:ANTHROPIC_BASE_URL
echo $env:ANTHROPIC_MODEL

文章配图

显示这样即为安装配置成功!!!

在 Trae 上配置 Claude Code 插件

在 Trae 上扩展商店上搜索 Claude Code for VS Code 进行下载。

文章配图

下载完成后点击左边区域的 Claude 按钮启动。

文章配图

然后就会自动打开对话框的了,图示为配置成功展示。我配置是用(Claude Sonnet 4.6)。

文章配图

6. 总结

完成上述步骤后,即可在 Trae 及 VS Code 中享受大模型带来的便利。VS Code 上的配置也是通用的,可以参考对照执行。

目录

  1. Trae AI 与 VS Code 配置 Claude、GPT、Gemini 大模型接入教程
  2. 1. 安装 Trae AI
  3. 2. 基础配置
  4. 3. 获取 API Key 与 URL 地址
  5. 4. 接入 GPT 系列或 Gemini 系列模型
  6. 5. 接入 Claude 系列模型
  7. 环境安装
  8. Node.js 环境安装
  9. 安装 Git Bash
  10. 安装配置 Claude Code
  11. 在 Trae 上配置 Claude Code 插件
  12. 6. 总结
  • 💰 8折买阿里云服务器限时8折了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 🤖 一键搭建Deepseek满血版了解详情
  • 一键打造专属AI 智能体了解详情
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • 双指针算法:三数之和
  • Java 微服务架构设计模式:云原生分布式系统实战
  • VS Code 远程连接服务器后 GitHub Copilot 无法使用问题排查
  • Java 核心面试题与答案详解
  • 利用大模型工具高效生成 PPT 演示文稿的方法与实践
  • LeetCode 101. 对称二叉树:递归与迭代解法详解
  • 2026 年 3 月全球大模型全景:国产登顶、百万上下文与智能体爆发
  • Flutter 三方库 flutter_cors 解决鸿蒙 Web 与混合开发跨域问题
  • Git 分支管理完全指南:从基础到团队协作
  • AI 大模型技术全景解析与入门指南
  • Python 数据分析:无监督学习、文本及图像处理
  • Stable Diffusion WebUI 文件夹结构与模型使用指南
  • Eino 组件核心:Retriever 在 RAG 中的检索协议与实现
  • Ubuntu 20.04 NVIDIA Tesla P40 驱动安装指南(核显桌面 + 计算卡分离)
  • Spring IoC 与 DI 详解:@Bean 注解、扫描路径及依赖注入方式
  • Stable Yogi 皮衣角色生成:动漫展会 VR 实时渲染实践
  • Web 应用全栈开发实践:从前端到后端
  • C++26 反射特性概述及 GCC 14 核心 API 解析
  • Kimi Code 深度体验:从 CLI 到 IDE 的 AI 编程实践
  • Android 组件化与插件化架构详解与实践指南

相关免费在线工具

  • RSA密钥对生成器

    生成新的随机RSA私钥和公钥pem证书。 在线工具,RSA密钥对生成器在线工具,online

  • Mermaid 预览与可视化编辑

    基于 Mermaid.js 实时预览流程图、时序图等图表,支持源码编辑与即时渲染。 在线工具,Mermaid 预览与可视化编辑在线工具,online

  • 随机西班牙地址生成器

    随机生成西班牙地址(支持马德里、加泰罗尼亚、安达卢西亚、瓦伦西亚筛选),支持数量快捷选择、显示全部与下载。 在线工具,随机西班牙地址生成器在线工具,online

  • Base64 字符串编码/解码

    将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

  • Base64 文件转换器

    将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online

  • Markdown转HTML

    将 Markdown(GFM)转为 HTML 片段,浏览器内 marked 解析;与 HTML转Markdown 互为补充。 在线工具,Markdown转HTML在线工具,online