编辑页面

让我们尝试编辑起始页面。

  • 确保 Next.js 开发服务器仍在运行。
  • 用文本编辑器打开 pages/index.js
  • 找到 <h1> 标签下方显示 "Welcome to" 的文本,将其更改为 "Learn"
  • 保存文件。

保存文件后,浏览器会自动更新页面显示新文本:

学习 Next.js

Next.js 开发服务器已启用 快速刷新 (Fast Refresh)。当您修改文件时,Next.js 会近乎实时地在浏览器中自动应用变更,无需手动刷新页面!这将帮助您快速迭代应用。

下一节:创建页面

做得好!第一课的内容到此结束。

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

建议保持开发服务器运行,如需重启可按 Ctrl + c 停止当前服务器。

On this page