您的位置:首页 > 手游攻略 > AI编程 - OpenCode+OpenSpec 实战:AI 编程完整演示操作步骤

AI编程 - OpenCode+OpenSpec 实战:AI 编程完整演示操作步骤

作者:互联网  时间: 2026-09-01 19:46:58  

处理AI编程 - OpenCode+OpenSpec 实战:AI 编程完整演示操作步骤这类问题时,先确认目标场景,再按步骤核对配置或玩法细节。

文章目录

前言AI编程 - OpenCode+OpenSpec 实战:AI 编程完整演示教程1. OpenCode2. OpenSpec3. 配置初始化3.1. 安装OpenSpec。3.2. 初始化4. AI 编程完整演示

前言

如果您觉得有用的话,记得给博主点个赞,评论,收藏一键三连啊,写作不易啊^ _ ^。

而且听说点赞的人每天的运气都不会太差,实在白嫖的话,那欢迎常来啊!!!


AI编程 - OpenCode+OpenSpec 实战:AI 编程完整演示教程

1. OpenCode

OpenCode 是一款开源 AI 编程助手 / AI 代码编辑器 ,基于 VS Code 内核开发,支持桌面客户端、终端 TUI、IDE 插件三种使用形态,能对接 Claude、GPT、本地大模型等 75 + 种 AI 模型。

地址: https://github.com/anomalyco/opencode

桌面下载:

在这里插入图片描述

2. OpenSpec

OpenSpec 它是 npm 包,装好后 openspec init,然后用 /opsx:propose、/opsx:apply、/opsx:archive 这些命令推进。

最大的优点是它不会把一个小需求弄成大工程,你要改一个功能,它就帮你把这次改动说清楚:为什么改,改什么,任务怎么拆,做完怎么归档。

这对老项目特别有用,很多时候我们不是从零做产品,只是在一个已经跑起来的仓库里加功能。以前这些东西都躺在聊天记录里,过两天就找不到了,OpenSpec 可以把它放回项目里。

官网:https://openspec.dev/

在这里插入图片描述

github代码:

https://github.com/Fission-AI/OpenSpec

在这里插入图片描述

使用说明:

你输入指令:/opsx:exploreAI 回复:你想要调研开发哪块功能?你:我想做深色模式,但不清楚怎么写一套整洁规范的实现方案。AI:我先梳理下你的样式架构……最优简洁方案:CSS 变量搭配轻量主题上下文,同时自动读取系统明暗偏好,无需引入第三方依赖。需要细化方案范围吗?你:好,细化一下。你输入指令:/opsx:propose add-dark-modeAI:已创建文档目录 openspec/changes/add-dark-mode/✅ proposal.md — 开发动因、本次改动说明✅ specs/ — 功能需求与交互场景文档✅ design.md — 技术实现方案设计✅ tasks.md — 开发落地任务清单方案文档全部就绪,可开始开发!你输入指令:/opsx:applyAI:开始执行开发任务……✅ 1.1 新增主题全局上下文容器✅ 1.2 编写明暗切换按钮组件✅ 2.1 定义全套主题 CSS 变量✅ 2.2 对接本地存储 localStorage 持久化主题设置全部开发任务已完成!你输入指令:/opsx:archiveAI:已归档至 openspec/changes/archive/2025-01-23-add-dark-mode/全局功能规范文档同步更新完毕,可开启下一个新功能需求。

3. 配置初始化

3.1. 安装OpenSpec。
npminstall-g @fission-ai/openspec@latest

查看版本号:

openspec --version

在这里插入图片描述

3.2. 初始化

在项目文件夹下进行初始化。

openspec init

在这里插入图片描述

回车。

在这里插入图片描述

这里我使用OpenCode进行测试,所以选择OpenCode。

在这里插入图片描述

回车。

在这里插入图片描述

可以在项目根目录下,看到下面两个文件夹。

在这里插入图片描述

4. AI 编程完整演示

实现功能:

功能:做一个分布式锁注解。需求:1、参考当前pom,使用redisson 做一个分布式锁 + 看门狗续期机制的注解,同时看门狗设置最大锁持有上限,不可无限续期,防止线程卡死长期霸占锁。2、参考项目中的controller,做一个测试接口。3、启动项目,进行测试。

opencode工具有个好处,就是右边会显示代码的变更,可以看到下面的变更,全是使用openspec init 命令初始化生成的。

模型我这里就使用免费的来测试了,毕竟免费。

第一步使用 /opsx-explore 来探索需求。

在这里插入图片描述

如下,根据它的回复,回答对方的问题及修正对方梳理不恰当的地方。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

就这样,经过多轮问答,直到觉得没有问题。输入 /opsx:propose add-yzy-mode-20260629 指令,

新增add-yzy-mode-20260629目录,在该文件夹下生成方案文档。

在这里插入图片描述

proposal.md — 开发动因、本次改动说明

design.md — 技术实现方案设计

tasks.md — 开发落地任务清单

openCode 右侧选择上一轮变更,可以看到新增了这几个文件。

在这里插入图片描述

检查下面三个文件:

proposal.md — 开发动因、本次改动说明

design.md — 技术实现方案设计

tasks.md — 开发落地任务清单

觉得不对的话,可以直接在openCode上编译。

在这里插入图片描述

没问题后,输入 /opsx:apply 指令,开始执行开发任务……

在这里插入图片描述

在这里插入图片描述

右边可以看到修改的代码。

在这里插入图片描述

现在是生成成功了,然后就是本地项目启动,测试验证。

在这里插入图片描述

失败了继续提问。

在这里插入图片描述

在这里插入图片描述

一直到你觉得没有问题为止。

给一个建议,如果觉得差不多的时候,建议手搓,要不然不停的问答太费时间了。

锁竞争测试成功:

在这里插入图片描述

在这里插入图片描述

锁超时测试成功:

在这里插入图片描述

最后执行下边这个命令进行归档:

/opsx:archive

在这里插入图片描述

在这里插入图片描述

已归档至 openspec/changes/archive/add-yzy-mode-20260629/

全局功能规范文档同步更新完毕,可开启下一个新功能需求。

最新游戏

更多

Copyright©2010-2019. All rights reserved | 波波三国游戏官网|[email protected]

备案编号:湘ICP备2022015115号-4