跳到主要内容

入门

开始前，请确认已安装 Node.js 18 或更高版本。

从 NPM 安装​

PCUI 已发布到 NPM，安装方法如下：

npm install @playcanvas/pcui --save-dev

这会将完整 PCUI 库加入项目，各部分可从以下位置导入：

  • 观察者：@playcanvas/observer
  • ES 模块组件：@playcanvas/pcui
  • React 组件：@playcanvas/pcui/react

可以在 .js 文件中导入 ES 模块组件并使用：

import { Button } from '@playcanvas/pcui';
import '@playcanvas/pcui/styles';

const button = new Button({
    text: 'Click Me'
});

document.body.appendChild(button.dom);

这样就将第一个组件添加到文档 body 中了！

API 参考​

API 参考列出全部 PCUI 组件类及其属性，由源码自动生成。