Next.js开发指南电子文档以清晰的逻辑结构为特点,为新手和专业开发者搭建了学习Next.js的阶梯,文档详细考虑了环境配置的细节,确保读者能在多种操作系统中顺利部署,文档中介绍的create-next-app脚手架简化了项目初始化,通过交互式选项让用户自定义设置,兼顾了易用性与个性化,尽管示例代码未涉及TypeScript,但通过引导读者参考外部的TypeScript官方文档,间接让读者了解到项目的可扩展性,整体上,这份指南不仅引导用户快速启动Next.js项目,同时也为进一步深化知识铺垫了基础。
1.1. 环境要求
此本小册基于的是目前最新版本的 v14 版本,需要 Node.js 18.17 及以后版本,支持 macOS、Windows、Linux 系统。
1.2. 创建项目
最快捷的创建 Next.js 项目的方式是使用 create-next-app 脚手架,你只需要运行:bash
npx create-next-app@latest
接下来会有一系列的操作提示,比如设置项目名称、是否使用 TypeScript、是否开启 ESLint、是否使用 Tailwind CSS 等,根据自己的实际情况进行选择即可。如果刚开始你不知道如何选择,遵循默认选择即可,这些选择的作用我们会随着小册的学习逐渐了解。
注:为了减少展示的代码量,此本小册的示例代码并未使用 TypeScript。(想学习 TypeScript 的同学可以看我整理的最新的 TypeScript 官方文档)完成选择之后,create-next-app 会自动创建项目文件并安装依赖,创建安装完的项目目录和文件如下:
如果你不使用 npx,也支持使用 yarn、pnpm、bunx:
yarn create next-app pnpm create next-app bunx create-next-app