Laravel 框架中安装

安装和配置 Laravel 与 Inertia。

更新： 我们在 canary 版本中已添加对 React 19 和 Tailwind v4 的完整支持。有关更多信息，请参见 Tailwind v4 文档。

创建项目

首先，使用 laravel installer 创建一个新的 Laravel 项目，并启用 Inertia 和 React：

laravel new my-app --typescript --breeze --stack=react --git --no-interaction

运行 CLI

运行 shadcn 的初始化命令来设置项目：

pnpm npmyarn bun

pnpm dlx shadcn@latest init

配置 components.json

系统会询问你几个问题来配置 components.json：

你想使用什么样的样式？
你希望使用什么颜色作为基础颜色？
你是否要使用 CSS 变量来管理颜色？ › yes

就这些

现在，你可以开始将组件添加到项目中。

pnpm npmyarn bun

pnpm dlx shadcn@latest add button

上面的命令会将 Button 组件添加到你的项目中。然后，你可以像这样导入它：

import { Button } from "@/Components/ui/button"
export default function Home() {
  return (
    <div>
      <Button>Click me</Button>
    </div>
  )
}