La création d'une application Next.js dans VS Code n'a pas de dossier Pages ou Styles

Question

Lors de la création d'une application Next.js dans VS Code, j'exécute la commande suivante : « npx create-next-app@latest » et termine le processus de création de l'application. Cependant, le site Web de Next.js montre que je devrais avoir des dossiers « pages » et « styles » ainsi que des dossiers « app » et « public ». Si j'ai sélectionné la mauvaise option ou quelque chose du genre, je ne sais pas si cela a à voir avec la partie "Voulez-vous utiliser..." lors de la création de l'application.

La section "Voulez-vous utiliser..." Principaux fichiers et dossiers que je vois

J'ai mis à jour Node.js et recréé l'application plusieurs fois en utilisant les différentes sélections de la section "Souhaitez-vous utiliser...". J'espérais que le dossier apparaîtrait mais pas de chance. Je ne sais pas où aller car je suis nouveau dans l'utilisation de Next.js.

Answer 1

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

Si vous ne souhaitez pas utiliser App Router, vous devez répondre « Non » à la question « Utiliser App Router (recommandé) ? question. Dans ce cas, votre projet contiendra le répertoire 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