感受了一周的vibe coding, 选择合适的工具和构建环境也够我折腾, 也是踩了不少坑, 最后总结一下自己的经验, 方便大家开始.

前言

现在大家都在用claude code, 但是由于它的封闭性, 动不动就封, 我最后还是选择了opencode, 拥抱开放自由. 体验了opencode的ui, 发现并不好用, 于是希望可以和vscode结合. 虽然有官方插件, 但是一直因为安装问题, 插件没法正常运行, 有些opencode的配置我也不太了解. 摸索了一番后, 我总结了一些我遇到的问题, 希望可以帮助大家.

安装opencode

首先, 点击此处https://opencode.ai/zh/download/stable/windows-x64-nsis 下载官方的windows软件, 按照提示开始安装opencode.

安装完成后, 插件桌面的图标, 在桌面图标右键, 选择”打开文件所在位置”:

我们可以把opencode-cli.exe 这个程序复制到你喜欢的路径. 改名成opencode.exe

然后, win+R, 输入 sysdm.pl

选择”高级”->”环境变量”

1773375688912

1773375798324

如上所示, 我将路径”C:\test”目录添加到了Path里. 添加完成后, 点击确认, 结束配置环境变量.

完成后, 这样在命令行输入opencode, 就可以打开opencode的命令行程序了.

安装vscode

进入https://code.visualstudio.com/download, 选择windows安装包, 下载安装.

安装opencode插件

1773375201706

安装完成后, 右上角就有个图标了:

1773375243772

点击图标, 看到它运行命令后, 就可以看到opencode了:

1773376072888

可以通过ctrl+p设置它, 快捷键功能参考opencode的显示.

配置opencode

配置文件全局的配置路径%UserProfile%\.config\opencode\opencode.json , 一开始没有任何配置的情况下, 这个文件不存在.

项目的配置文件是在打开的项目的根目录的opencode.json文件里.

假如我们想添加一个mcp, 可以如下添加到opencode.json文件里:

{
  "mcp": {
    "my_ida-mcp":{
      "type":"remote",
      "url": "http://127.0.0.1:18888/mcp",
      "enabled": false
    }
  }
}

添加后, 打开opencode的带界面的程序:

1773376802033

如图指示, 就可以看到添加的mcp工具了. 如果设置了"enabled": true, 它默认就会连接. 我们再次打开vscode的opencode 终端, 在设置里也可以看到这个mcp了.

添加大模型api

默认情况下, 它自带一些免费的体验模型, 也可以自己定义连接模型. 以下以kimi为例:

根据官方文档: https://platform.moonshot.cn/docs/api/chat#%E5%85%AC%E5%BC%80%E7%9A%84%E6%9C%8D%E5%8A%A1%E5%9C%B0%E5%9D%80, 可以看到例子:

from openai import OpenAI
 
client = OpenAI(
    api_key = "$MOONSHOT_API_KEY",
    base_url = "https://api.moonshot.cn/v1",
)
 
completion = client.chat.completions.create(
    model = "kimi-k2-turbo-preview",
    messages = [
        {"role": "system", "content": "你是 Kimi，由 Moonshot AI 提供的人工智能助手，你更擅长中文和英文的对话。你会为用户提供安全，有帮助，准确的回答。同时，你会拒绝一切涉及恐怖主义，种族歧视，黄色暴力等问题的回答。Moonshot AI 为专有名词，不可翻译成其他语言。"},
        {"role": "user", "content": "你好，我叫李雷，1+1等于多少？"}
    ],
    temperature = 0.6,
)
 
print(completion.choices[0].message.content)