Mencipta aplikasi Next.js dalam Kod VS tidak mempunyai folder Halaman atau Gaya

Question

Apabila mencipta apl Next.js dalam Kod VS, saya menjalankan arahan berikut: “npx create-next-app@latest” dan melengkapkan proses mencipta apl itu. Walau bagaimanapun, tapak web Next.js menunjukkan bahawa saya harus mempunyai folder "halaman" dan "gaya" serta folder "apl" dan "awam". Jika saya memilih pilihan yang salah atau sesuatu, saya tidak pasti sama ada ini ada kaitan dengan bahagian "Adakah anda mahu menggunakan..." semasa membuat apl.

Bahagian "Adakah anda ingin menggunakan..." Fail dan folder teratas yang saya lihat

Saya mengemas kini Node.js dan mencipta semula apl berbilang kali menggunakan pilihan yang berbeza dalam bahagian "Adakah anda ingin menggunakan...". Saya berharap folder itu akan muncul tetapi tidak berjaya. Saya tidak pasti ke mana hendak pergi kerana saya baru menggunakan Next.js.

Answer 1

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

Jika anda tidak mahu menggunakan Penghala Apl, anda harus menjawab "Tidak" kepada "Gunakan Penghala Apl (disyorkan)?" soalan. Dalam kes ini, projek anda akan mengandungi direktori 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