title: 安装

安装

系统要求

在开始之前，请确保你的系统满足以下要求：

  • Node.js: 18.18 或更高版本
  • 操作系统: macOS、Windows（包括 WSL）或 Linux

创建新项目

使用 create-next-app 快速创建一个新的 Next.js 项目：

npx create-next-app@latest my-next-app

安装过程中会询问以下问题：

√ Would you like to use TypeScript? ... No / Yes
√ Would you like to use ESLint? ... No / Yes
√ Would you like to use Tailwind CSS? ... No / Yes
√ Would you like your code inside a `src/` directory? ... No / Yes
√ Would you like to use App Router? (recommended) ... No / Yes
√ Would you like to use Turbopack for `next dev`? ... No / Yes
√ Would you like to customize the import alias (@/* by default)? ... No / Yes

推荐配置

对于学习和现代开发，建议选择：

  • ✅ TypeScript
  • ✅ ESLint
  • ✅ Tailwind CSS
  • ✅ App Router
  • ✅ Turbopack（Next.js 16 的新特性）

启动开发服务器

进入项目目录并启动开发服务器：

cd my-next-app
npm run dev

打开浏览器访问 http://localhost:3000 查看你的应用！

项目结构

创建后的项目结构如下：

my-next-app/
├── app/
│   ├── layout.tsx
│   ├── page.tsx
│   └── globals.css
├── public/
├── next.config.ts
├── package.json
└── tsconfig.json

恭喜！你已经成功创建了第一个 Next.js 项目 🎉