设置一个新的 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

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

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