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

相关推荐
码哥字节2 小时前
Claude Code 新手必问的 10 个问题,一次答清楚
claude code
小村儿2 小时前
连载14-实战篇--一个半月,我一个人和 Claude Code 搭出一套数字人工程
前端·后端·ai编程
阿里云云原生2 小时前
AI 时代的 FinOps 必修课:如何利用 Credits 刻度实现大模型流量的精细化治理?
ai编程
名不经传的养虾人3 小时前
从0到1:企业级AI项目迭代日记 Vol.71|系统显示正常,但实际上什么都没发生
数据库·人工智能·ai编程·ai工作流·企业ai
小月土星4 小时前
1.0 从零构建 DeepSeek R1 WebGPU 浏览器推理应用:一次现代前端工程与端侧 AI 的深度碰撞
浏览器·deepseek
程序员秋天4 小时前
用Spring AI实现多轮对话记忆,别再让AI每次都"失忆"
agent·ai编程
SyMind4 小时前
如何做好 AI 的挂件
llm·ai编程
林小果14 小时前
用 Codex 做一个 API 地址诊断器:Claude Code、Codex、Gemini CLI 的 /v1 排错实战
api·ai编程·codex·claude code·gemini cli·base url·linkagi
就叫飞六吧5 小时前
claude agent、skill 结构参考
ai编程
云卷云舒___________6 小时前
阿里开源Qwen3.8 2.4T模型预览版、并推出Token Plan订阅、DeepSeek Harness与V4正式版同发 | 7月20日 AI日报
ai·阿里·deepseek·ai日报·harness·qwen38·tokenplan