设置新的 Next.js 应用程序

首先，让我们确保您的开发环境已准备就绪。

• 如果您没有安装 Node.js，请从此处安装。您需要 Node.js 版本 18 或更高版本。
• 在本教程中，您将使用自己的文本编辑器和终端应用程序。

如果您使用的是 Windows，我们建议下载 Git for Windows并使用随附的 Git Bash，它支持本教程中的 UNIX 特定命令。适用于 Linux 的 Windows 子系统 (WSL) 是另一种选择。

创建 Next.js 应用程序

要创建 Next.js 应用程序，请打开您的终端，cd 到您想要在其中创建应用程序的目录，然后运行以下命令

npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/main/basics/learn-starter"

在底层，这使用名为 create-next-app 的工具，它为您引导启动一个 Next.js 应用程序。它通过 --example 标志使用 此模板。

如果它不起作用，请查看此页面。

运行开发服务器

您现在有了一个名为 nextjs-blog 的新目录。让我们 cd 进入它

cd nextjs-blog

然后，运行以下命令

npm run dev

这将在端口 3000 上启动您的 Next.js 应用程序的“开发服务器”（稍后详细介绍）。

让我们检查一下它是否正常工作。从您的浏览器打开 https://127.0.0.1:3000。