99.1k

Next.js

上一页下一页

在 Next.js 中安装并配置 shadcn/ui。

创建项目

运行 init 命令，新建 Next.js 项目或初始化已有项目：

pnpm dlx shadcn@latest init

根据提示选择独立 Next.js 项目或 Monorepo。

添加组件

现在可以向项目中添加组件。

pnpm dlx shadcn@latest add button

上述命令会把 Button 组件加入项目，你可以像下面这样导入使用：

app/page.tsx
import { Button } from "@/components/ui/button"
 
export default function Home() {
  return (
    <div>
      <Button>Click me</Button>
    </div>
  )
}