在 VS Code 中建立 Next.js 應用程式沒有「Pages」；或「樣式」；資料夾

Question

在VSCode中建立Next.js應用程式時，我執行以下命令：「npxcreate-next-app@latest」並完成建立應用程式的過程。但是，Next.js的網站顯示我應該有一個“pages”和“styles”資料夾以及“app”和“public”資料夾。如果我選擇了錯誤的選項或什麼，我不確定這是否與建立應用程式時的「您想使用...」部分有關。 「您想使用...」部分我看到的頂級文件和資料夾我

P粉399585024 · Answer

當您使用最新的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