nextjs学习第1期- 初始化项目

172 阅读1分钟

初始化项目

使用官方脚手架: 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>
  )
}

挑选主题