如何使用yarn或npm安装shadcn组件库？

Question

目前正在尝试使用 nextjs 和 shadcn ui [https://ui.shadcn.com/] 构建概念克隆

我尝试在npm和yarn中安装，但没有成功

Answer 1

Shadcn/ui不是典型的通过npm或yarn分发的组件库。话虽这么说，您可以按照以下命令在 Next.js 项目中设置 shadcn：

1. 在终端中运行

   shadcn-ui

   init 命令。

npx shadcn-ui@latest init

2. 回答终端中提出的问题以配置您的

   components.json

   。

进一步设置的详细说明可以在这里找到：https://ui.shadcn.com/docs/installation/next。

---

现在您可以通过运行如下命令将 shadcn/ui 组件添加到您的项目中：

npx shadcn-ui@latest add button

此命令会将

<Button />

组件添加到您的项目中，位置为

components/ui

。