Next.js
项目初始化
zsh
% npx create-next-app@latest
? What is your project named? › [项目名]
? Would you like to use TypeScript? › Yes
? Would you like to use ESLint? › Yes
? Would you like to use Tailwind CSS? › Yes
? Would you like your code inside a `src/` directory? › Yes
? Would you like to use App Router? (recommended) › Yes
? Would you like to use Turbopack for `next dev`? › Yes
? Would you like to customize the import alias (`@/*` by default)? › No
% cd [项目名]
% yarn run dev # 默认 3000 端口
> next dev --turbopack
▲ Next.js 15.1.6 (Turbopack)
- Local: http://localhost:3000
- Network: http://192.168.1.3:3000
✓ Starting...
✓ Ready in 663mszsh
% cd [项目名]
% npx create-next-app@latest .
? Would you like to use TypeScript? › Yes
? Would you like to use ESLint? › Yes
? Would you like to use Tailwind CSS? › Yes
? Would you like your code inside a `src/` directory? › Yes
? Would you like to use App Router? (recommended) › Yes
? Would you like to use Turbopack for `next dev`? › Yes
? Would you like to customize the import alias (`@/*` by default)? › No
% yarn run dev # 默认 3000 端口
> next dev --turbopack
▲ Next.js 15.1.6 (Turbopack)
- Local: http://localhost:3000
- Network: http://192.168.1.3:3000
✓ Starting...
✓ Ready in 663ms项目目录结构
[项目目录]
├─.next/
│ ├─ build/
│ ├─ cache/
│ ├─ server/
│ ├─ static/
│ └─ ...
│
├─ public/
│
├─ src/
│ ├─ app/
│ │ ├─ api/
│ │ └─ ...
│ │
│ └─ ...
│
├─ next-env.d.ts
├─ next.config.ts
├─ package.json
├─ tscongig.json
└─ ...