创建 Next.js 应用程序

Setup

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

  • 如果您尚未安装 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

快速回顾: 您在页面上看到什么文字?