设置

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

  • 如果您没有安装 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/)。