组件
重新开始? 使用 shadcn/create 配置带有自定义主题、Base UI 或 Radix 以及图标库的 Vite 项目。
创建项目
🌐 Create Project
运行 init 命令来创建一个新的 Vite 项目或设置一个现有项目:
🌐 Run the init command to create a new Vite project or to setup an existing one:
pnpm dlx shadcn@latest init -t vite
对于单仓库项目,请使用 --monorepo 标志:
pnpm dlx shadcn@latest init -t vite --monorepo
添加组件
🌐 Add Components
你现在可以开始向你的项目添加组件。
🌐 You can now start adding components to your project.
pnpm dlx shadcn@latest add button
上面的命令将会把 Button 组件添加到你的项目中。然后你可以这样导入它:
🌐 The command above will add the Button component to your project. You can then import it like this:
import { Button } from "@/components/ui/button"
export default function Home() {
return (
<div>
<Button>Click me</Button>
</div>
)
}