设置

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

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

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

创建"Bext.js应用

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


<code class="jsx-11ba7ee13b342a80">npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter" ```</code>

> 在后台,它使用名为[```"创建下一个应用程序"的工具```](https://zshipu.com/t?url=https://nextjs.org/docs/api-reference/create-next-app),该工具可为您引导Next.js应用程序。它通过标志[使用此模板](https://zshipu.com/t?url=https://github.com/vercel/next-learn/tree/master/basics/learn-starter)。```--example```
> 
> 如果它不起作用,请查看[此页面](https://zshipu.com/t?url=https://github.com/vercel/next-learn/blob/master/basics/errors/install.md)。

### 运行开发服务器

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

<code class="jsx-11ba7ee13b342a80">cd nextjs-blog</code> 

然后,运行以下命令:

<code class="jsx-11ba7ee13b342a80">npm run dev</code> 

这将在端口 **3000** 上启动 Next.js 应用的"开发服务器"(稍后会详细介绍)。

让我们检查一下它是否有效。从浏览器[中打开 http://localhost:3000](https://zshipu.com/t?url=http://localhost:3000/)。