继续开发人员中心配置向导
Continue Dev Hub的架构驱动创作工具 config.yaml 文件夹。使用Next.js 15、React Hook Form和Zod模式构建,Zod模式充当验证、UI元数据和JSON模式生成的单一真实源。
入门指南
pnpm install
pnpm dev打开http://localhost:3000使用实时YAML预览启动向导。
脚本
pnpm devNext.js开发服务器,支持热重载。pnpm build–类型检查,重新生成public/schema/config.schema.json,并生成生产包。pnpm start–运行生产构建。pnpm lint–ESLint(严格的TypeScript规则,Next.js插件)。pnpm test–Vitest单元套件(模式、YAML助手、存储、表单转换器)。pnpm test:e2e–占位符剧作家烟雾测试脚手架。
项目结构
src/
app/ # Next.js App Router entry points
components/ # UI primitives and wizard surfaces
lib/ # Schema-driven form metadata, YAML helpers, validation
schema/ # Zod config schema (single source of truth)
store/ # Zustand store for shared wizard state
public/schema/ # Generated JSON schema (pnpm build/gen:schema)
scripts/ # Build-time utilities
tests/ # YAML fixtures for unit suites参见 spec_1_continue_dev_hub_configuration_wizard.md 产品简介和待办事项列表优先级。
亮点
- 表单+块奇偶校验 基础:模式派生的表单部分、模型/上下文/规则/提示/文档/MCP/数据的数组控件,以及摩纳哥驱动的YAML预览通过Zod模式保持同步。
- 验证:从Zod模式编译的AJV确保运行时反馈,而React Hook Form强制执行类型化输入。
- YAML保真度:
yaml文档AST帮助程序保留锚点,因此往返导入/导出保持无损。
路线图
- 充实块模式(拖放画布)和预设/片段。
- 已弃用/未知密钥的Surface文档链接和警告面板。
- 扩大Playwright E2E的覆盖范围,以创建/导入/编辑/导出流程。
