为了避免项目出现后续更新问题我这里写一下我的环境
1.创建一个next项目
- 你首先需要保证您的Node版本要在20以上
- 其次你最好使用pnpm
2.给你的项目起好名称后 cd 进入你的项目目录文件夹中运行下面的命令(新建一个初始化项目) `
`npx create-next-app@latest nextjs-dashboard --example "github.com/vercel/next… --use-pnpm``
3.安装提示及意义
Need to install the following packages:
create-next-app@16.1.6
Ok to proceed? (y) (需要安装以下软件包：create-next-app@16.1.6。可以继续吗？(选择y然后等待安装完成) )
作用及解释：
create-next-app@16.1.6：这是一个工具，它的作用是自动生成一个新的 Next.js 项目框架（帮你创建文件夹和基础文件，让你不用手动配置）。@16.1.6是具体的版本号。Need to install the following packages：因为这是你第一次在这台电脑上运行这个命令，本地还没有下载过这个工具，所以 npm 需要先从互联网上下载它。Ok to proceed? (y)：这是在询问你是否允许它下载。它会告诉你下载的大小或者询问你的许可，以免你在不知情的情况下消耗流量或磁盘空间。
创建完成后如下：
/app：包含你应用的所有路由、组件和逻辑，这里是你主要的工作。/app/lib：包含应用中使用的函数，如可重用实用函数和数据取用函数。/app/ui：包含你应用的所有UI组件，如卡片、表格和表单。为了节省时间，我们已经为您预先设计好了这些组件。/public：包含你应用中所有静态资产，如图片。- 配置文件：你还会注意到应用程序根部的配置文件。大多数这些文件是在你用 .在本课程中你无需修改它们。
next.config.ts``create-next-app
4：然后我们使用命令运行起来这个项目吧
npm run dev
