安装

DUI 支持多种包管理器，选择你喜欢的即可。

系统要求

Node.js 18+
React 18+ / Vue 3+ / Solid.js 1.0+

使用 npm

npm install @dui/core @dui/react

使用 yarn

yarn add @dui/core @dui/react

使用 pnpm

pnpm add @dui/core @dui/react

注意： @dui/core 是必选依赖，包含所有样式和基础逻辑。@dui/react 是针对 React 的组件封装。

安装扩展包

如果你需要图表、日期选择器等高级组件，可以安装扩展：

npm install @dui/extension-charts @dui/extension-dates

验证安装

创建一个简单的测试文件来验证是否安装成功：

import { Button } from '@dui/react';
import '@dui/core/dist/style.css';

export default function Test() {
  return <Button variant="primary">Hello DUI</Button>;
}

完成！ 如果按钮正常显示，说明安装成功。接下来继续阅读快速开始。