Claude Code正式发布VS Code插件！

人生不过尔尔 不必自困于心

好消息：现在你的 VS Code 可以拥有一个会聊天、能改代码、懂上下文的 AI 副驾驶——它就是 Claude Code 插件！

下面将手把手带你安装、配置并高效使用它，让你从“人肉调试器”升级为“AI 协同开发者”。

🧩 1. 它是什么？

Claude Code 是 Anthropic 官方推出的 VS Code 插件，基于 Claude 大模型，专为开发者设计。它不仅能回答问题，还能：

• 🔍 理解你当前文件甚至整个项目
• ✏️ 安全地修改代码（需你确认）
• 📚 解释复杂逻辑、生成单元测试、重构建议
• 🌐 支持第三方模型提供商

最重要的是：它不会偷偷改你代码！所有修改都以 diff 形式展示，你说了算 👇

在这里插入图片描述

🛠️ 2. 安装三步走

✅ 前提条件

• VS Code 版本 ≥ 1.98.0（老版本请先升级！）
• 一个 Anthropic 账号

🔧 安装步骤

1. 打开 VS Code，按 Ctrl+Shift+X（Windows）或 Cmd+Shift+X（Mac）
2. 搜索 “Claude Code”
3. 点击 Install，然后 Reload Window

💡 小贴士：如果安装后图标没出现，试试 Cmd+Shift+P → 输入 “Developer: Reload Window”

在这里插入图片描述

或者直接使用如下命令

code --install-extension anthropic.claude-code

🎮 3. 快速上手：三种打开方式

安装完成后，你可以通过以下任一方式召唤 Claude：

💬 4. 实战演示：让它帮你写 代码

假设你正在写一个 Go 服务，想快速生成一个带泛型的缓存工具：

1. 选中你写的接口或注释
2. 按 Alt+K（插入 @-mention 引用当前文件/选区）
3. 在 Claude 面板输入：> “请基于这个接口，用 Go 泛型实现一个内存缓存，支持 TTL 过期”

Claude 会返回完整代码，并以 diff 形式展示修改建议：

在这里插入图片描述

✅ 点击 Accept，代码自动插入！ ❌ 点击 Reject，让它重写！

🎯 优势：零风险试错！你永远掌控最终代码。

查看代码变更

在这里插入图片描述

⚙️ 5. 高级配置：让它更懂你

📍 布局自由拖拽

不喜欢右边侧边栏？直接拖动 Claude 面板到：

• 左侧活动栏
• 编辑器标签页
• 甚至独立窗口！

🖥️ 切换终端模式

偏好命令行风格？ 进入 VS Code 设置 → Extensions → Claude Code → 勾选 “Use Terminal”

🔐 安全设置建议

• 初始权限模式：保持默认（每次修改都问你）
• 禁用自动保存：避免意外覆盖
• 不要勾选 “Allow Dangerously Skip Permissions”（除非你在沙盒环境）

🌐 6. 企业用户注意

如果你公司用 Amazon Bedrock / Google Vertex AI 接入 Claude：

1. 在 VS Code 设置中勾选 “Disable Login Prompt”
2. 配置 ~/.claude/settings.json 指向你的 provider
3. 插件和 CLI 共享同一套配置，无缝切换！

✅ 优势：统一配置，开发 & CI 一致

🎁 快捷键大全

插入当前文件/选区引用（@-mention）

✅ 总结：为什么你应该试试？

• 省时间自动生成样板代码、测试、文档
• 降风险所有修改需手动确认，安全可控
• 提效率深度集成 VS Code，无需切换窗口
• 可扩展支持 MCP 工具、自定义命令、企业部署