Beim Erstellen der Next.js-Anwendung in VS Code gibt es keinen Ordner „Pages“ oder „Styles“.

Question

Beim Erstellen einer Next.js-App in VS Code führe ich den folgenden Befehl aus: „npx create-next-app@latest“ und schließe den Prozess zum Erstellen der App ab. Allerdings zeigt die Website von Next.js, dass ich die Ordner „pages“ und „styles“ sowie die Ordner „app“ und „public“ haben sollte. Wenn ich die falsche Option oder etwas anderes ausgewählt habe, bin ich mir nicht sicher, ob das mit dem Teil „Möchten Sie verwenden?“ beim Erstellen der App zusammenhängt.

Der Abschnitt „Möchten Sie verwenden…“ Top-Dateien und -Ordner, die ich sehe

Ich habe Node.js aktualisiert und die App mehrmals neu erstellt, indem ich die verschiedenen Auswahlmöglichkeiten im Abschnitt „Möchten Sie verwenden…“ verwendet habe. Ich hatte gehofft, dass der Ordner erscheinen würde, aber kein Glück. Ich bin mir nicht sicher, wohin ich gehen soll, da ich neu in der Verwendung von Next.js bin.

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