在 VS Code 中创建 Next.js 应用程序没有“Pages”；或“样式”；文件夹

Question

在 VS Code 中创建 Next.js 应用程序时，我运行以下命令：“npx create-next-app@latest”并完成创建应用程序的过程。但是，Next.js 的网站显示我应该有一个“pages”和“styles”文件夹以及“app”和“public”文件夹。如果我选择了错误的选项或什么，我不确定这是否与创建应用程序时的“您想使用...”部分有关。

“您想使用...”部分 我看到的顶级文件和文件夹

我更新了 Node.js 并使用“您想使用...”部分中的不同选择多次重新创建了应用程序。我希望文件夹会出现，但没有成功。我不确定该去哪里，因为我刚开始使用 Next.js。

Answer 1

当您使用最新的create-next-app创建新项目时，它会使用最近发布的App Router 默认功能。因此，您的项目包含 app 目录，而不是 pages。

如果您不想使用 App Router，则应该对“使用 App Router（推荐）？”回答“否”。问题。在这种情况下，您的项目将包含 pages 目录。

$ npx create-next-app@latest
✔ What is your project named? … nextjs-project
✔ Would you like to use TypeScript with this project? … Yes
✔ Would you like to use ESLint with this project? … Yes
✔ Would you like to use Tailwind CSS with this project? … No
✔ Would you like to use `src/` directory with this project? … No
✔ Use App Router (recommended)? … No
✔ Would you like to customize the default import alias? … No

$ tree -d -L 1 nextjs-project
nextjs-project
├── node_modules
├── pages
├── public
└── styles