用途:指导按 React 模式与官方约定创建 Vendure Admin UI 扩展,覆盖组件、路由、导航菜单与 GraphQL 集成。
主要能力:提供 UI 扩展入口(AdminUiExtension)、导航注册(addNavMenuSection)、路由注册(registerReactRouteComponent)、列表与详情/表单组件、GraphQL 查询与变更、codegen 配置及项目结构建议。
必要用法:入口 ui/index.ts 定义 extensionPath、routes、providers、translations;providers.ts 用 addNavMenuSection 注册菜单;routes.ts 用 registerReactRouteComponent 注册路由并设置 title、breadcrumb;组件使用 @vendure/admin-ui/react 的 useQuery、useMutation、useInjector(NotificationService)、usePageMetadata、useRouteParams;GraphQL 用 gql 定义查询与变更,并通过 codegen.yml 生成类型。
限制与禁止:Vendure v2+ 使用 React,禁止 Angular 模式、直接 fetch、缺少 useInjector、硬编码路由、缺少页面元数据、内联样式、缺少加载与错误状态、直接操作 DOM。仅插件结构用 vendure-plugin-writing,仅 GraphQL schema 用 vendure-graphql-writing,UI 审查用 vendure-admin-ui-reviewing。
适用场景:为 Vendure 后台开发自定义管理界面扩展。具体版本要求、安装命令与收费信息暂未提供。