99.1k

TanStack Start

上一页下一页

在 TanStack Start 中安装并配置 shadcn/ui。

创建项目

运行以下命令创建集成 shadcn/ui 的 TanStack Start 项目：

pnpm create @tanstack/start@latest --tailwind --add-ons shadcn

添加组件

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

pnpm dlx shadcn@latest add button

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

app/routes/index.tsx
import { Button } from "@/components/ui/button"
 
function App() {
  return (
    <div>
      <Button>Click me</Button>
    </div>
  )
}

如果想一次性添加全部 shadcn/ui 组件，可以执行：

pnpm dlx shadcn@latest add --all