安装

选择符合你起点的 setup 方案。

使用 shadcn/create#

可视化构建你的预设，预览你的选择，并生成特定框架的 setup 命令。

适用于 Next.js、Vite、Laravel、React Router、Astro 和 TanStack Start。

使用 CLI#

使用 CLI 直接从终端搭建新项目：

pnpmnpmyarnbun
pnpm dlx shadcn@latest init -t [framework]
Copy

支持的模板：next、vite、start、react-router 和 astro。

对于 Laravel，请先使用 laravel new 创建应用，然后运行 npx shadcn@latest init。

现有项目#

每个框架指南都包含一个 现有项目 部分，其中包含该框架的手动 setup 步骤。

在下方选择你的框架并按照该路径操作。

选择你的框架#

对于 Laravel，在使用 shadcn/create 或 shadcn init 之前，请先运行 laravel new。