快速入门

环境要求

` 作为最小冒烟测试，确认样式已正确生效。

完成后，请总结你做出的变更，并告诉我如何启动开发服务器。`}

想让 AI 助手代劳？ 在你的编辑器中安装 HeroUI MCP Server，然后把上面的提示词粘贴给 AI 助手——它会分析你的项目并自动完成全部配置。

安装 HeroUI 及其所需依赖：

```bash
npm i @heroui/styles @heroui/react
```

```bash
pnpm add @heroui/styles @heroui/react
```

```bash
yarn add @heroui/styles @heroui/react
```

```bash
bun add @heroui/styles @heroui/react
```

将以下内容添加到你的主 CSS 文件 globals.css：

@import "tailwindcss";
@import "@heroui/styles"; /* [!code highlight]*/

导入顺序很重要。请务必先导入 tailwindcss。

import { Button } from '@heroui/react';

function App() {
  return (
    <Button>
      My Button
    </Button>
  );
}