编辑页面
让我们尝试编辑起始页面。
- 确保 Next.js 开发服务器仍在运行。
- 用文本编辑器打开
pages/index.js
。 - 找到
<h1>
标签下方显示 "Welcome to" 的文本,将其更改为 "Learn"。 - 保存文件。
保存文件后,浏览器会自动更新页面显示新文本:
Next.js 开发服务器已启用 快速刷新 (Fast Refresh)。当您修改文件时,Next.js 会近乎实时地在浏览器中自动应用变更,无需手动刷新页面!这将帮助您快速迭代应用。
下一节:创建页面
做得好!第一课的内容到此结束。
在下一课中,我们将讨论 如何创建更多页面以及在页面之间导航。
建议保持开发服务器运行,如需重启可按 Ctrl + c 停止当前服务器。