Table of contents
Open Table of contents
创建 Next.js 项目
官网：https://nextjs.org/docs/getting-started/installation
pnpm create next-app@latest my-app --typescript --tailwind --eslint
更新依赖（可选）
pnpm update
安装 shadcn-ui 组件库
官网：https://ui.shadcn.com/docs/installation/next
初始化项目
pnpm dlx shadcn@latest init
在配置 components.json 时会提示风格选择（一般一路默认就行了）
Which style would you like to use? › Default
Which color would you like to use as base color? › Slate
Do you want to use CSS variables for colors? › no / yes
根据情况选择就行，一般选默认，具体参考 文档
安装组件
pnpm dlx shadcn@latest add button
# 常用
pnpm dlx shadcn@latest add button card input select sheet sonner