初始化项目
使用官方脚手架: pnpm dlx create-next-app@latest
然后 pnpm run dev 运行项目:
pnpm 初始化项目的时候会出现依赖安装拦截,按照提示手动安装即可。
集成shadcn
下载依赖:
pnpm dlx shadcn@latest init
添加按钮:
pnpm dlx shadcn@latest add button
然后可以直接使用:
import { Button } from "@/components/ui/button";
export default function Home() {
return (
<div>
<Button>Click me</Button>
</div>
)
}