创建 Next.js 应用程序

安装程序

首先,让我们确保你的开发环境已经准备就绪。

  • 如果你尚未安装 Node.js , 从此处安装. 要求 Node.js 10.13 或更高版本.
  • 在本教程中,你将使用自己的文本编辑器和终端应用程序。

如果你使用的是 Windows 用户, 我们建议你 下载 Windows 版 Git 并使用其随附的 Git Bash,它支持本教程中所用到的 UNIX 特定的命令。

创建 Next.js 应用程序

要创建Next.js应用,请打开你的终端,cd 进入你要在其中创建应用的目录,然后运行以下命令:

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

在幕后,是通过调用 create-next-app 工具完成的,该工具为你创建了一个 Next.js 应用程序。通过 --example 参数指定使用此模板

如果不起作用,请查看这里

运行开发服务器

现在,你有了一个名为的新目录 nextjs-blog。让我们 cd 进入此目录:

cd nextjs-blog

然后,运行以下命令:

npm run dev

这将在 3000 端口上启动 Next.js 应用程序的“开发服务器”(稍后将对此进行详细介绍)。

让我们检查一下是否正常运行。在你的浏览器中打开 http://localhost:3000

问题: 你在页面上看到什么文字?