Vite

添加依赖项

在你的 Vite React 项目中，运行以下命令之一来安装 NextUI

提升的依赖项设置

注意：此步骤仅适用于使用 pnpm 安装的用户。如果你使用其他包管理器安装 NextUI，可以跳过此步骤。

如果你使用 pnpm，你需要在你的 .npmrc 文件中添加以下行，将我们的包提升到根 node_modules。

修改 .npmrc 文件后，你需要再次运行 pnpm install，以确保正确安装依赖项。

Tailwind CSS 设置

NextUI 构建于 Tailwind CSS 之上，因此你需要先安装 Tailwind CSS。你可以按照官方的安装指南安装 Tailwind CSS。然后，你需要将以下代码添加到你的 tailwind.config.js 文件中

注意：如果你正在使用 pnpm 和 monorepo 架构，请确保你指向 ROOT node_modules

Provider 设置

安装 NextUI 后，您需要在应用程序的 root 处设置 NextUIProvider。

前往 src 目录，在 main.jsx 或 main.tsx 文件中，将 NextUIProvider 包裹在 App 组件周围。