VS Code 中使用 Claude 完全指南

VS Code 是全球最流行的代码编辑器，有多种方式可以在其中使用 Claude 进行 AI 辅助编程。本文介绍主流的集成方案，包括 Claude Code CLI、Cline 扩展和 Continue 扩展。

方案概览

方案一：Claude Code（推荐）

Claude Code 是 Anthropic 官方的 CLI 编程助手，在 VS Code 终端中直接使用。

安装和配置

# 安装 Claude Code
npm install -g @anthropic-ai/claude-code

# 配置中转站（在 ~/.zshrc 或 ~/.bashrc 中添加）
export ANTHROPIC_AUTH_TOKEN="your-relay-key"
export ANTHROPIC_BASE_URL="https://claude4u.com/antigravity"

在 VS Code 中使用

1. 打开 VS Code 的终端（Ctrl+`）
2. 进入你的项目目录
3. 运行 claude 启动

Claude Code 能感知当前项目结构，读写文件，运行命令，是最全能的方案。

方案二：Cline 扩展

Cline 是一款在 VS Code 侧边栏中运行的 AI 编程扩展，可以自动编辑文件和执行终端命令。

安装和配置

1. 在 VS Code 扩展市场搜索 "Cline" 并安装
2. 打开 Cline 侧边栏
3. 点击设置图标，配置 API Provider

配置 Claude API（通过中转站）

Cline 支持多种 API Provider，推荐使用 OpenAI Compatible 或 Anthropic 模式：

# Anthropic 模式配置
API Provider: Anthropic
API Key: your-relay-key
Base URL: https://claude4u.com
Model: claude-sonnet-4-20250514

# OpenAI Compatible 模式配置
API Provider: OpenAI Compatible
API Key: your-relay-key
Base URL: https://claude4u.com/openai/v1
Model: claude-sonnet-4-20250514

使用方式

• 在 Cline 面板中直接输入需求，例如 "给 utils/auth.ts 添加 JWT 刷新逻辑"
• Cline 会自动读取文件、生成修改方案、等待你确认后应用
• 支持自动运行终端命令（如测试、构建）

方案三：Continue 扩展

Continue 是一款开源的 AI 代码助手扩展，支持多种 AI 模型提供商。

安装和配置

1. 在 VS Code 扩展市场搜索 "Continue" 并安装
2. 安装后会自动打开配置引导
3. 编辑配置文件 ~/.continue/config.json

配置 Claude

// ~/.continue/config.json
{
  "models": [
    {
      "title": "Claude Sonnet 4",
      "provider": "anthropic",
      "model": "claude-sonnet-4-20250514",
      "apiKey": "your-relay-key",
      "apiBase": "https://claude4u.com"
    },
    {
      "title": "Claude Opus 4",
      "provider": "anthropic",
      "model": "claude-opus-4-20250514",
      "apiKey": "your-relay-key",
      "apiBase": "https://claude4u.com"
    }
  ],
  "tabAutocompleteModel": {
    "title": "Claude Haiku",
    "provider": "anthropic",
    "model": "claude-haiku-3-5-20241022",
    "apiKey": "your-relay-key",
    "apiBase": "https://claude4u.com"
  }
}

使用方式

• Cmd+L（Mac）/ Ctrl+L（Windows）：打开 Chat 面板与 Claude 对话
• Cmd+I / Ctrl+I：内联编辑，选中代码后让 Claude 修改
• Tab：代码自动补全（配置 tabAutocompleteModel 后）

方案对比

推荐搭配

• 深度编程：Claude Code（终端）+ Continue（代码补全）
• 快速迭代：Cline（自动化编辑）
• 灵活使用：Continue（支持多模型切换）