跳至内容

创建 Next.js 应用

在 Vercel 上部署

在几秒钟内在 Vercel 上部署 Next.js。

设置

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

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

如果您使用的是 Windows,我们建议您下载 Git for Windows 并使用附带的 Git Bash,它支持本教程中的 UNIX 特定命令。Windows 子系统 Linux (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

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

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

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