该视频仅会员有权观看
立即开通课程「Next.js 前端应用开发实践」权限。
- 创建本地 s g s 项目需用 create next up 工具
- 打开终端，进入桌面或项目保存位置
- 确认已安装 node 环境
- 显示当前 node g s 版本
- 使用 n p x create map 和 at latest 创建项目目录
- 可选 tem script 或 tab s script
- 使用 e s link
- 使用 create a up 工具初始化项目
- 用 v s code 打开项目目录
- 检查 package.json 中定义的命令
- 启动本地开发服务使用 def 命令，编译使用 d 命令
- 删除 next 项目中的 at next funt 包以解决网络问题
- 删除 at next found the google 导入及相关类名
- 重启本地开发服务执行 n p m run dev
- 在浏览器访问 local host:3000 查看修改后的欢迎界面
- 修改 index 组件的标题为零号网，并查看实时变化
- 删除 main 标签内容，添加新文本，并验证页面显示结果
