跳转到内容
AsterUI v0.12.76

开始使用

AsterUI 是一个基于 DaisyUI 和 Tailwind CSS v4 构建的 React 组件库。它提供了样式精美、易于访问的组件，并内置主题支持。

快速开始

Section titled “快速开始”

  1. 创建新项目

    在终端中运行以下命令创建一个新的 AsterUI 项目：

    Terminal window
    npm create asterui@latest

    按照提示为您的项目命名并选择一个模板。

  2. 启动开发服务器

    进入项目目录并启动开发服务器：

    Terminal window
    cd my-asterui-app
    npm run dev

    您将在终端中看到一条确认消息，其中包含指向本地预览的链接。

  3. 开始构建

    在编辑器中打开项目并开始使用 AsterUI 组件：

    src/App.tsx
    import { Button, Space } from 'asterui'
    

    function App() {
      return (
        <Space>
          <Button>Default</Button>
          <Button color="primary">Primary</Button>
          <Button color="secondary">Secondary</Button>
        </Space>
      )
    }

下一步

Section titled “下一步”
  • 添加到现有项目：按照手动设置指南将 AsterUI 添加到现有的 React 项目。

故障排除

Section titled “故障排除”

如果您遇到问题，请检查以下事项：

  • 确保您已安装 Node.js 18 或更高版本
  • 确保正确配置了 Tailwind CSS v4 和 DaisyUI v5
  • 检查您的 CSS 文件是否包含必需的指令

如需更多帮助，请访问 GitHub 仓库。