Skip to content

VS Code 插件

如果你习惯使用 GitHub Copilot、Cursor 或 Antigravity 等 AI 编程助手,Claude Code 的 VS Code 插件会让你感到非常熟悉。它将 Claude 的强大能力直接集成到你最喜爱的编辑器中。

为什么选择 Claude Code VS Code 插件?

特性Claude CodeGitHub CopilotCursor
代码补全
多文件编辑✅ 原生支持
终端集成✅ 深度集成
代码库理解✅ 全局上下文有限
自主执行任务有限
模型选择Claude 全系列GPT 系列多模型

安装方式

方式一:VS Code 扩展市场(推荐)

  1. 打开 VS Code
  2. Ctrl+Shift+X(Windows/Linux)或 Cmd+Shift+X(macOS)打开扩展面板
  3. 搜索 Claude Code
  4. 找到 Anthropic 发布的官方插件,点击安装

或者直接访问:VS Code 扩展市场 - Claude Code

方式二:命令行安装

bash
code --install-extension anthropic.claude-code

配置 API

安装完成后,需要配置 API 才能使用。推荐使用 LuckyAPI 获取 API 密钥(官方价格 6%)。

第一步:打开插件设置

在扩展面板中找到已安装的 Claude Code 插件,点击右侧的 齿轮图标,在弹出菜单中选择 "设置"

打开插件设置

第二步:找到环境变量配置项

在设置页面找到 "Claude Code: Environment Variables" 选项,点击下方的 "在 settings.json 中编辑" 链接。

打开 settings.json

第三步:填写 API 配置

在打开的 settings.json 文件中,找到 claudeCode.environmentVariables 字段,按以下格式填写你的 API 信息:

填写环境变量

json
"claudeCode.environmentVariables": [
  { "name": "ANTHROPIC_AUTH_TOKEN", "value": "sk-xxxxxxx" },
  { "name": "ANTHROPIC_BASE_URL", "value": "https://cn.luckyapi.chat" }
]

sk-xxxxxxx 替换为你在 LuckyAPI 获取的 API Key,保存文件后重启 VS Code 即可生效。

获取 API Key

访问 LuckyAPI 注册账号并创建令牌,价格仅为官方的 6%

核心功能

智能代码补全

Claude Code 提供上下文感知的代码补全,理解你的整个项目结构:

  • 自动补全函数、变量、类型
  • 根据注释生成代码
  • 智能导入建议

内联聊天

在编辑器中直接与 Claude 对话:

  1. 选中代码
  2. Ctrl+I(Windows/Linux)或 Cmd+I(macOS)
  3. 输入你的问题或指令

常用场景:

  • "解释这段代码"
  • "重构这个函数"
  • "添加错误处理"
  • "写单元测试"

侧边栏聊天

打开侧边栏进行更深入的对话:

  • 点击活动栏中的 Claude 图标
  • 或按 Ctrl+Shift+C(Windows/Linux)/ Cmd+Shift+C(macOS)

侧边栏聊天支持:

  • 多轮对话
  • 代码块插入
  • 文件引用
  • 历史记录

终端集成

Claude Code 深度集成终端功能:

  • 在终端中直接运行 claude 命令
  • 自动执行 shell 命令
  • 调试和修复错误

多文件编辑

Claude 可以同时理解和修改多个文件:

  • 跨文件重构
  • 批量代码修改
  • 项目级别的代码生成

快捷键

功能Windows/LinuxmacOS
内联聊天Ctrl+ICmd+I
侧边栏聊天Ctrl+Shift+CCmd+Shift+C
接受建议TabTab
拒绝建议EscEsc
命令面板Ctrl+Shift+PCmd+Shift+P

与其他工具对比

vs GitHub Copilot

  • 优势:Claude 在复杂推理和代码理解方面更强,支持更长的上下文
  • 适合:需要深度代码分析、重构、调试的场景

vs Cursor

  • 优势:Claude Code 是官方插件,与 Claude API 深度集成,更新更及时
  • 适合:已有 VS Code 工作流,不想切换编辑器的用户

vs Antigravity

  • 优势:Claude 模型能力更强,支持更复杂的任务
  • 适合:需要高质量代码生成和理解的专业开发者

常见问题

Q: 插件无法连接 API?

确保:

  1. API Base URL 设置为 https://cn.luckyapi.chat
  2. API Key 正确无误
  3. 网络连接正常

Q: 代码补全不工作?

尝试:

  1. 重启 VS Code
  2. 检查插件是否已启用
  3. 确认 API 配置正确

Q: 如何切换模型?

直接在聊天框底部点击当前模型名称即可切换,无需进入设置。

点击底部模型名称

在弹出的列表中选择目标模型:

选择模型

常用模型:

  • claude-sonnet-4-6(推荐,平衡性能和成本)
  • claude-opus-4-7(最强能力)
  • claude-haiku-4-5-20251001(最快速度)

进阶使用

自定义提示词

你可以在项目根目录创建 .claude 文件夹,添加自定义配置:

.claude/
├── settings.json    # 项目级设置
└── prompts/         # 自定义提示词
    └── review.md    # 代码审查提示词

与 CLI 配合使用

VS Code 插件和命令行工具可以配合使用:

  • 在 VS Code 中进行日常开发
  • 使用 CLI 进行批量操作或自动化任务

如有其他问题,欢迎访问 LuckyAPI 获取支持。

API 服务由 LuckyAPI 提供