OpenCode 中文社区

Appearance

5.8a VS Code 扩展 ​

💡 一句话总结：安装和配置 OpenCode VS Code 扩展，提升开发体验。

学完你能做什么 ​

  • 能安装 VS Code 扩展
  • 能配置扩展设置
  • 能使用 AI 辅助编程
  • 能同步配置

🎒 开始前的准备 ​

确保你已经完成以下事项：

  • [ ] 安装 VS Code
  • [ ] 安装 OpenCode 桌面版

核心思路 ​

VS Code 扩展的优势 ​

  • IDE 内直接使用 AI
  • 代码上下文自动同步
  • 快捷键无缝集成
  • 统一的用户体验

安装和配置 ​

安装扩展 ​

  1. 打开 VS Code
  2. 按 Ctrl+Shift+X 打开扩展面板
  3. 搜索 "OpenCode"
  4. 点击安装

配置扩展 ​

json
{
  "opencode.apiKey": "${OPENCODE_API_KEY}",
  "opencode.provider": "zhipu",
  "opencode.model": "glm-4.7",
  
  "opencode.autoComplete": true,
  "opencode.inlineChat": true,
  "opencode.codeActions": true,
  
  "opencode.shortcut": "ctrl+alt+i",
  "opencode.chatShortcut": "ctrl+alt+c"
}

高级配置 ​

json
{
  "opencode.advanced": {
    "temperature": 0.7,
    "maxTokens": 4096,
    "stream": true
  },
  
  "opencode.context": {
    "includeWorkspace": true,
    "includeOpenFiles": true,
    "maxFiles": 10
  },
  
  "opencode.ui": {
    "showTokenCount": true,
    "enableSyntaxHighlight": true
  }
}

使用方法 ​

聊天对话 ​

  1. 按 Ctrl+Alt+I 打开 AI 面板
  2. 输入问题或需求
  3. AI 会分析当前代码并回答

内联辅助 ​

  1. 选中代码或输入时
  2. 按 Ctrl+. 查看建议
  3. 选择 AI 生成的修复或优化

代码生成 ​

  1. 写注释描述需求
  2. AI 自动生成代码
  3. 按 Tab 接受建议

检查点 ✅ ​

全部通过才能继续

  • [ ] 安装扩展
  • [ ] 配置扩展
  • [ ] 使用聊天功能
  • [ ] 使用内联辅助

本课小结 ​

你学会了：

  1. VS Code 扩展安装
  2. 扩展配置
  3. 聊天对话
  4. 内联辅助

下一课预告 ​

下一课我们将学习 ACP 协议。

📚 更多完整模板：Prompt 模板库

微信群