安装

选择与你的起点相匹配的安装方式。

使用 shadcn/create

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

支持 Next.js、Vite、Laravel、React Router、Astro 和 TanStack Start。

使用 CLI

使用 CLI 直接在终端中为新项目创建脚手架：

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

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

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

现有项目

每个框架指南都包含一个 现有项目 小节，其中列出了该框架的手动设置步骤。

在下面选择你的框架，并按照对应路径进行操作。

选择你的框架

对于 Laravel，请先运行 laravel new，然后再使用 shadcn/create 或 shadcn init。