Next.js 项目搭建
创建项目
bash
npx create-next-app@latest推荐配置选项
| 选项 | 选择 |
|---|---|
| 项目名称 | my-app |
| TypeScript | Yes |
| ESLint | None（可选） |
| React Compiler | Yes |
| Tailwind CSS | Yes |
src/ 目录 | Yes |
| App Router | Yes |
| Turbopack | Yes（--turbo） |
| 导入别名 | @/*（默认） |
目录结构
public/ # 静态资源
src/
app/
layout.tsx # 根布局（必须存在，含 html/body）
page.tsx # 首页
globals.css # 全局样式
next-env.d.ts # TS 类型声明
next.config.ts # Next.js 配置
tsconfig.json # TS 配置
postcss.config.mjs # PostCSS（Tailwind）常用命令
bash
npm run dev # 开发模式（localhost:3000）
npm run build # 构建生产版本
npm run start # 启动生产服务
npm run lint # 代码检查