在 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