工具使用-windows在vscode内集成opencode

前言

好久没有上csdn,最近机缘巧合看到了opencode,相较于Claude Code而言,他是开源免费的,也能选择免费的模型,那对于普通用户而言是比较有利的,而且opencode是可以集成于vscode的,那对于本地或者远端的开发都是有帮助的。

安装

今天记录一下在windows平台这个安装过程

1. 前置准备

  • Node.js/npm,这个可以自行搜索安装
    有的地方说Node版本要大于20,但是我电脑上是比较老的Node14,也是可以的,安装这个的目的主要是通过npm安装opencode

2. 一句命令安装opencode

复制代码
npm install -g opencode-ai

安装成成功后进行验证

复制代码
opencode --version

成功显示版本号则代表安装成功

如果以后要更新opencode则

复制代码
npm update -g opencode-ai

3. 使用opencode

使用opencode这里记录一下在终端中的使用方法和vscode中使用的方法

3.1 终端中使用

3.1.1 进入opencode交互界面

在电脑终端,cmd/powershell,vscode终端都可以,然后进入项目路径

复制代码
cd E:\LearningData\test

输入以下命令

复制代码
opencode

成功进入交互界面,注意这里是进入了对应的项目路径

3.1.2 切换模型

键盘按住Ctrl+P看到可以选择模型

这里的交互界面是可以选择模型的

看到free则代表对应模型免费

3.1.3 模式选择

opencode有两种模式供选择

  • Plan模式:只分析,不修改代码

  • Build模式:直接修改代码(默认)

    以上两种模式可以通过键盘的tab进行切换

3.1.4 使用示例

可以直接说明自己的诉求,然后等待

如果这里时间太久了不想等待了,点击两下esc就可以打断AI生成

可以看到结束之后给我生成了两个文件

打开html就是商城页面

3.1.4 退出opencode

在提问的地方输入/exit,opencode会有提示

3.2 vscode中集成opencode

3.2.1 插件安装

一般使用vscode不可避免要安装插件,这里安装的插件就叫opencode,一键安装即可

3.2.2 在vscode中使用

用vscode打开对应项目所在的路径,直接点击对应的按钮则可以启动opencode并使用

3.3 卸载opencode

如果不再使用需要卸载则

复制代码
opencode uninstall

如果想保留数据则

复制代码
# 保留配置文件
opencode uninstall --keep-config

# 保留会话数据
opencode uninstall --keep-data

其他

opencode相当于只是集成工具,实际还是调用的对应的模型,所以你发出去的问题本质上还是喂给对应的模型了,如果担心隐私问题可以部署本地模型调用

参考文章

【ClaudeCode平替(免费)】OpenCode 完整安装与 VSCode 使用指南
Open Code教程(一)| 快速入门:安装配置与基础使用

相关推荐
起名真的太难了18 小时前
Vim基本操作与Ollama部署指南
linux·编辑器·vim
sunoo-22918 小时前
【C 语言标准 IO 入门】第二天学习笔记:文件操作核心函数 + 实战案例 + 踩坑合集
linux·笔记·vscode·学习
2501_9160088918 小时前
Swift多环境配置:利用Scheme实现灵活的多环境管理
开发语言·ide·vscode·ios·个人开发·swift·敏捷流程
小妖同学学AI19 小时前
GitHub上16k星的“未来编辑器”:像Notion一样排版,像ChatGPT一样自动续写
编辑器·github·notion
晨曦花锦19 小时前
Vim基础操作与Ollama模型管理,顺便配置Nginx反向代理
linux·nginx·编辑器·vim
New_Horizons66619 小时前
Vscode终端激活Conda虚拟环境
ide·vscode·conda
青 春 记 忆1 天前
零基础入门Python11|Git实战:为任务管理器建立版本历史
开发语言·git·vscode·python·python3.11
️学习的小王2 天前
Anaconda国内镜像配置与conda常用命令
ide·经验分享·python·conda
雾沉川2 天前
Rust IDE 选型:除 VS Code 之外,RustRover 非商业场景可免费使用
ide·vscode·rust
界面开发小八哥2 天前
界面控件DevExpress Blazor v26.1新版亮点 - TreeList & 数据编辑器
javascript·编辑器·.net·界面控件·blazor·devexpress·用户界面