创建 Next.js 应用程序

编辑页面

让我们尝试编辑这个初始页面。

  • 确保 Next.js 开发服务器仍在运行。
  • 用你的文本编辑器打开 pages/index.js
  • <h1> 标签下找到 “Welcome to” 文字并把它修改为 “Learn”
  • 保存文件.

保存文件后,浏览器会自动重新加载并使用新文本更新页面:

Next.js 开发服务器具有 快速刷新 功能。当你对文件进行修改时,Next.js 会自动在浏览器中应用这些更改。无需刷新!这将帮助你快速迭代应用程序。

下一步: 创建页面

干的漂亮! 第一课就是这样。

在下一课中,我们将讨论 创建更多页面以及在页面之间导航

你应该保持开发服务器一直运行,但是如果你想重新启动它,请按 Ctrl + c 来停止服务器。