VS Code+Claude Code+Deepseek

本文将以实操落地为核心,详细讲解如何在本地完成 VS Code、Claude Code、Deepseek 三者的环境配置与联动搭建,实现 "编辑器 + 代码 AI + 文本 AI" 的无缝协同,适配日常开发、技术文档编写、项目调试等多场景。

一、安装Claude Code插件

在VS Code插件市场找到Claude Code for VS Code插件(简称Claude Code插件),并点击安装按钮。注意,该插件由anthropic公司发布。

图1 安装界面

二、配置Claude Code插件

安装成功后,我们需要对Claude Code插件进行配置。

图2 配置界面1

从图2中,点击Settings菜单项后,进入图3所示的配置界面2。选择"Edit in settings.json",编辑配置文件。

图3 配置界面2

在Settings.json文件中,我们需要配置Claude Code使用的AI Model,这里配置成Deepseek(当然也可以配置为其他模型)。完整的Settings.json见下图。如何获取Deepseek API Key将在一节介绍。

复制代码
{
  "editor.fontSize": 16,
  "[csharp]": {
    "editor.defaultFormatter": "ms-dotnettools.csharp"
  },
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "security.workspace.trust.enabled": false,
  "[c]": {
    "editor.defaultFormatter": "ms-vscode.cpptools"
  },
  "[cpp]": {
    "editor.defaultFormatter": "ms-vscode.cpptools"
  },
  "workbench.colorTheme": "Visual Studio 2019 Light",
  "editor.unicodeHighlight.allowedCharacters": {
    " ": true
  },
  "claudeCode.selectedModel": "deepseek-chat",
  "claudeCode.environmentVariables": [
    
        {
            "name": "ANTHROPIC_BASE_URL",
            "value": "https://api.deepseek.com/anthropic"
        },
        {
            "name": "ANTHROPIC_AUTH_TOKEN",
            "value": "替换成Deepseek API Key"
        },
        {
            "name": "API_TIMEOUT_MS",
            "value": "600000"
        },
        {
            "name": "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC",
            "value": "1"
        },
        {
            "name": "ANTHROPIC_MODEL",
            "value": "deepseek-chat"
        },
        {
            "name": "ANTHROPIC_SMALL_FAST_MODEL",
            "value": "deepseek-chat"
        },
        {
            "name": "ANTHROPIC_DEFAULT_SONNET_MODEL",
            "value": "deepseek-chat"
        },
        {
            "name": "ANTHROPIC_DEFAULT_OPUS_MODEL",
            "value": "deepseek-chat"
        },
        {
            "name": "ANTHROPIC_DEFAULT_HAIKU_MODEL",
            "value": "deepseek-chat"
        }
  ],
  "claudeCode.preferredLocation": "panel",
  "explorer.confirmDelete": false
}

三、获取Deepseek API Key

进入Deepseek开发平台,https://platform.deepseek.com/sign_in。注册账号,并登录。在API界面,如图4所示,拷贝Key,并粘贴到Settings.json需要替换的Deepseek API Key。

图4 Deepseek API Key

四、测试环境

按照图5的方式,打开Claude Code,进入图6所示的界面

图5 打开Claude Code

在Claude Code窗口的底下输入框,即可和Claude Code/Deepseek进行会话。例如Claude Code告诉我当前使用的模型是Deepseek Chat。关于Claude Code的教程可以参考1。如果在配置的过程中遇到任何问题,可以在评论区留言。

1 Claude Code 交互模式, https://www.runoob.com/claude-code/claude-code-cli.html

相关推荐
许雪里6 小时前
XXL-BOOT v2.1.0 发布:React 全新上线 · 全栈 TypeScript · AI+SKILL 驱动开发
ai编程
AI砖家7 小时前
Kimi K3 本地部署全解析:需要什么配置的电脑,到底要花多少钱?
人工智能·ai编程
小磊哥er8 小时前
深入解构Claude Code - 第 7 篇 · 连接外面的世界
javascript·ai编程
星核0penstarry8 小时前
试一试用gr.Workflow把AI多步骤串联变成可视化画布
人工智能·python·ai作画·api·ai编程·工作流·api聚合平台
小磊哥er9 小时前
深入解构Claude Code - 第 6 篇 · 终端里的图形界面
javascript·ai编程
Orange_sparkle9 小时前
从 Docker 到 Doris:建立后端基础设施全景图
运维·docker·ai·容器·claude code
软件聚导航9 小时前
「聚小软 AI 助手」技术升级:从数据库检索到 RAG 知识库问答
前端·数据库·mysql·微信小程序·小程序·ai编程·rag
plainGeekDev10 小时前
Agent高级编排模式
agent·ai编程·claude
恋猫de小郭10 小时前
看懂大模型架构术语,帮助你理解目前常见的大模型开源架构
前端·人工智能·ai编程