首先,让我们确保您的开发环境已经准备就绪。
如果您使用的是 Windows,建议您 下载 Windows 版本的 Git 并使用其随附的 Git Bash,它支持本教程中所用到的 UNIX 特定的命令。
要创建 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 。
快速回顾: 您在页面上看到什么文字?