快速上手

安装

pnpm add @ptahjs/ui-vue

注册资源

import { createApp } from 'vue';
import { createPtah, WebRenderer } from '@ptahjs/ui-vue';

createApp(App).use(createPtah({
    id: 've1',
    renderer: WebRenderer,
    modules: moduleTree,
    sceneConfig: sceneSchema,
    parameterComponents: editors,
}));

预览 Schema

import { useRuntimeApp } from '@ptahjs/ui-vue';

const runtime = useRuntimeApp({ id: 've1' });
runtime.schema(pageJson);

打开设计器

import { useDesignerApp } from '@ptahjs/ui-vue';

const runtime = useDesignerApp({ id: 've1' });

runtime.designer.addScene({
    label: '首页',
    props: { title: 'Page 1' },
});

下一步

• 阅读 创建应用
• 阅读 创建模块
• 阅读 API 参考