本节目标
- 初步体验Vibe Coding
- 通过apikey连接模型
初步体验Vibe Coding
vibe coding由OpenAI联合创始人Andrej Karpathy在2025年初推广开来,他用来描述一种高度依赖大语言模型以“提示词驱动”且心态松弛的编程方式。这里就先用OpenCode提供的免费模型来氛围一下。如图:
提示词:
帮我创建一个个人网站。展现自己的技术文章、编程作品、生活等内容。要求就用Html+css来实现。最好酷炫一点。文章、作品自动补充几篇,使网站看上去丰满点。
网页效果
这种简单的需求看起来效果还不错
连接模型Github copilot
免费的模型一般都不是顶级模型,并且用的人可能要排队。用自己买的模型套餐,金额和质量都心里比较有谱。
OpenCode默认就支持75+的模型链接。
Github copilot套餐
其实这个模型我是很推荐的,每月10美元。有你所知道的gemini、chatGPT和Claude 三大顶级模型。而且在代码编辑器的代码提示不限量。总之,这个套餐还很推荐,我自己也购买了它的套餐。
新增Github Copilot提供商的3种方式
-
点击连接提供商
-
通过设置连接提供商
-
通过命令方式连接提供商
连接Github Copilot
这里会生成一个确认码,用于授权用。
点击此链接打开页面,会进入github的登录页面,输入自己的用户名和密码进行验证。
在OpenCode中也会有弹窗提示:
连接国内模型
github copilot包含很多顶级模型。但是用着用着可能就没有了,很有可能坚持不到一个月的时间。所以再配合一些比较划算的国内套餐就完美了。由于国内的套餐瞬息万变,我也是用过火山引擎、摩尔线程等各种非常便宜的套餐,这个每隔一段时间,都会有新的coding plan冒出来,看情况购买,不过基本都是通过ApiKey的方式进行连接。我最近使用的是优云智算,6.9元。虽然不是包月,但也可以使用 Claude 和 chatGPT。暂时就用它来练习在OpenCode中通过这种标准的baseUrl+ApiKey的方式连接模型的方式。
请注意,我不是推荐这个优云智算的套餐。相反我觉得它有点贵,只是拿它来做配置的演示罢了。演示下这么小众的平台,也是可以在 opencode 中使用的。
优云智算上购买套餐
url:console.compshare.cn/light-gpu/m…
创建API Key
这里随便起一个API key的名称就可以创建了。
在OpenCode中连接该模型
-
官方接入指南
-
opencode.json所在位置
C:\Users\abc.config\opencode这里的abc用户根据实际情况有所不同。 -
没有opencode.json文件
那么直接创建opencode.json文件。
-
在opencode.json添加配置内容
{ "$schema": "https://opencode.ai/config.json", "provider": { "compshare-claude": { "npm": "@ai-sdk/anthropic", "name": "优云-Claude系列", "options": { "baseURL": "https://api.modelverse.cn/v1", "apiKey": "your key" }, "models": { "claude-opus-4-6": { "name": "Claude Opus 4.6" } } }, "compshare-gpt": { "npm": "@ai-sdk/openai-compatible", "name": "优云-GPT系列", "options": { "baseURL": "https://api.modelverse.cn/v1", "apiKey": "your key" }, "models": { "gpt-5.4": { "name": "GPT-5.4" } } } } } -
重新启动opencode进行测试
推荐国内模型
platform.minimaxi.com/subscribe/t…
推荐理由:功能很强,量大管饱。订阅49每月,一般的编程场景几乎就不会出现不够用的情况了。如果不是重度编程其实29元每月也差不多够。
本节总结
- 初步体验Vibe Coding,用免费模型快速创建个人网站
- 介绍了连接GitHub Copilot的3种方式
- 演示了通过opencode.json配置连接国内模型的方法
- 推荐了性价比高的国内模型选择方案