vscode: Claude Code for VS Code插件的使用

十日十行
259 阅读3分钟

安装vscode插件

安装CLI工具

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

用 claude --version 验证是否成功

Claude如何使用国内DeepSeek API

1.跳过登录

image.png

2.配置用户setting.json

"claudeCode.preferredLocation": "panel",
    "claudeCode.environmentVariables": [
        {
            "name": "ANTHROPIC_BASE_URL",
            "value": "https://api.deepseek.com/anthropic"
        },
        {
            "name": "ANTHROPIC_AUTH_TOKEN",
            "value": "your-key-here"
        }
    ],
# 跳过登录
"claudeCode.disableLoginPrompt": true

3.使用deepSeek MCP服务器

claude mcp add -s user deepseek npx @arikusi/deepseek-mcp-server -e DEEPSEEK_API_KEY=your-key-here

命令会将配置写入你的全局Claude Code配置文件（~/.claude.json），之后重启VS Code即可

配置千问模型

免费额度
大模型服务平台百炼控制台

vi ~/.claude/settings.json

{    
    "env": {
        "ANTHROPIC_AUTH_TOKEN": "you api key",
        "ANTHROPIC_BASE_URL": "https://dashscope.aliyuncs.com/apps/anthropic",
        "ANTHROPIC_MODEL": "qwen3.5-plus"
    }
}

#编辑或新增 `~/.claude.json` 文件，将`hasCompletedOnboarding` 字段的值设置为 `true`并保存文件。
vi ~/.claude.json
#`hasCompletedOnboarding` 作为顶层字段，请勿嵌套于其他字段。
{
  "hasCompletedOnboarding": true
}
#该步骤可避免启动Claude Code时报错：`Unable to connect to Anthropic services`。
#重启VScode

查看支持的模型

image.png

Coding Plan每月200元， 太贵了
大模型服务平台百炼控制台

最佳实现

1. 上下文管理
  • 及时清理：  使用 /clear 定期重置对话，防止旧的上下文干扰新任务并节省 Token。
  • 主动压缩：使用 /compact 命令让 Claude 总结关键决策和修改的文件，保留核心记忆。
  • 明确指定文件：  提问时使用 @ 引用文件（如 write a test for @auth.py），避免模型无效扫描整个项目。
  • 善用子代理（Sub-agents）：  对于大规模任务，让 Claude 启动子代理执行。子代理完成任务后返回精炼结论，保护主对话的上下文空间。
2. 先计划，再执行

  • 启用 Plan 模式：复杂任务前，先分析方案，不实际修改文件。

    • 快捷操作：连续按两次 Shift + Tab 进入 Plan Mode。
    • 提示词约束：提示词明确要求“先输出详细实施计划，经我确认后再修改文件”。

  • 降低试错成本：确保逻辑闭环后再进行代码变更。

3. 沉淀项目核心知识：编写 CLAUDE.md
  • 包含关键信息：每次会话启动时自动加载CLAUDE.md，建议填入构建命令、代码规范及工作流等通用规则。
  • 动态维护：内容应简短易读，仅记录广泛适用的全局约定，并随项目演进持续补充新规则。
4. 扩展能力： MCP 与 Skills
  • MCP：安装成熟的 MCP Server，连接外部服务。例如：添加联网搜索MCP。
  • Skills：编写详细的 Skill 描述文案。Claude 决定是否调用该工具，取决于对该工具用途的定义。例如：添加视觉理解能力Skill。
  • Skills vs MCP：Skills 教会 Claude “怎么做”（工作流知识），MCP 给 Claude“做的工具”（外部接口）。两者互补，Skills 也可集成外部接口。
5. 自动化守护：Hooks

  • 使用Hooks：Hooks 是确定性规则。它在 Claude 工作流的特定生命周期节点（如 PreToolUse 工具执行前校验等）自动运行本地脚本，确保关键校验或操作 100% 执行。

  • 配置方式：

    1. 运行 /hooks 进行交互式配置。
    2. 直接编辑 .claude/settings.json。
    3. 让 Claude 帮你编写，如：“编写一个在每次文件编辑后运行 eslint 的 hook”。
6. 建立自检闭环
  • 强制验证：  要求 Claude 修改代码后，必须运行相关的测试用例（如 pytest 或 npm test）。
  • 定义成功标准：  “修改完成后，请确保编译通过，并且运行 curl 命令验证 API 返回值为 200”。
  • 视觉反馈：  前端修改时，要求 Claude 截取浏览器截图来确认 UI 效果。
avatar
文章
阅读
粉丝