第 01 章 · 项目脚手架

create-next-app
配置规划器

先决定项目骨架,再复制一条可复现的命令。每个选项都会同步写进右侧终端,并解释它会改变什么。

填写你的项目清单

第一次学习建议从推荐组合开始;需要观察差异时再逐项修改。

名称可用,将创建同名目录。

语言
代码检查

生成 Tailwind 配置与示例样式。

路由体系

把应用源码放进 src/,根目录保留配置文件。

启用自动渲染优化;关闭时不会输出虚构的 --no-react-compiler

包管理器

当前采用课程推荐组合。

01 / Node.js ≥ 20.9

这是当前官方最低版本。低于该版本时,先升级 Node.js,再执行生成的命令。

02 / 显式 flags

--yes 可能复用之前保存的偏好;规划器逐项写出 flags,让同一条命令更容易复现。

03 / @/*

命令固定写入默认 import alias @/*,以后可用绝对路径导入应用代码。

依据:Next.js 官方 create-next-app CLI 文档