Shadcn界面

安装/初始化

其实 不存在安装，是运行一个初始化命令。

pnpm dlx shadcn@latest init

注意我都是用pnpm dlx，就是一次性运行，每次都最新。

此时会问色彩风格选择，随便。它就给你改src/app/global.css了，反正明暗风格都加上。

按需加组件

pnpm dlx shadcn@latest add button

都放在components/ui目录下。

使用

import { Button } from "@/components/ui/button"

export default function Home() {
  return (
    <div>
      <Button>Click me</Button>
    </div>
  )
}