资料内容：
1. 自动创建项目
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：
javascript
复制代码
yarn create next-app
javascript
复制代码
pnpm create next-app
javascript
复制代码
bunx create-next-app
1.3. 运行项目
查看项目根目录 package.json 文件的代码：
javascript
复制代码
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
我们可以看到脚本命令有 dev、build、start、lint，分别对应开发、构建、运
行、代码检查。
开发的时候使用 npm run dev。部署的时候先使用 npm run build 构建生产代
码，再执行 npm run start 运行生产项目。运行 npm run lint 则会执行 ESLint
语法检查。
现在我们执行 npm run dev 运行项目吧！
命令行会提示运行在 3000 端口，我们在浏览器打开页
面 http://localhost:3000/，看到如下内容即表示项目成功运行：
