在VS Code中创建Next.js应用程序没有“Pages”或“Styles”文件夹

e5nszbig  于 2023-05-28  发布在  其他
关注(0)|答案(1)|浏览(532)

在VS Code中创建Next.js应用时,我运行以下命令:'npx create-next-app@latest'并完成创建应用程序的过程。然而,Next.js的网站显示我应该有一个'pages'和'styles'文件夹沿着'app'和'public'文件夹。我不确定这是否与创建应用程序时的“您是否想使用...”部分有关,如果我选择了错误的选项或什么。
'Would you like to use...' sectionTop level files and folders I am seeing
我更新了Node.js,并在“你想使用...”部分使用不同的选择多次重新创建了应用程序。我希望文件夹会出现,但没有成功。我不知道在哪里去这里,因为我是新的使用Next.js。

webghufk

webghufk1#

当您使用最新的create-next-app创建新项目时,默认情况下它使用最近发布的App Router功能。因此,您的项目包含app目录,而不是pages
如果您不想使用应用程序路由器,请对“使用应用程序路由器(推荐)?“question。在这种情况下,您的项目将包含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

相关问题