...

Install

初始化next项目

npx create-next-app@latest my-app --typescript --tailwind --eslint

初始化shadcn项目

npx shadcn-ui@latest init

项目结构 . ├── app │ ├── layout.tsx │ └── page.tsx ├── components │ ├── ui │ │ ├── alert-dialog.tsx │ │ ├── button.tsx │ │ ├── dropdown-menu.tsx │ │ └── ... │ ├── main-nav.tsx │ ├── page-header.tsx │ └── ... ├── lib │ └── utils.ts ├── styles │ └── globals.css ├── next.config.js ├── package.json ├── postcss.config.js ├── tailwind.config.js └── tsconfig.json 怎么添加组件 npx shadcn-ui@latest add button demo小测试 ``` import { Button } from "@/components/ui/button"

export default function Home() { return (

) } ```

Hi 1