安装
系统要求:
- node >= 18.17 或更高版本
创建新的项目
-
执行npm,按照提示创建项目,建议使用
src目录来存放源码- npm
- pnpm
npx create-next-app@latestpnpx create-next-app@latest -
之后会自动生成项目,进入项目目录,你会看到如下的目录结构

app: 后续所有代码存的放位置。next.config.js: next.config.js存放了next的开发、生产环境下的配置。
-
打开package.json, 找到
scripts,可以看到如下npm命令:
dev:运行 next dev 以在开发模式下启动Next.js。build:运行 next build 以生成用于生产的应用程序。start:运行 next start 以启动Next.js生产服务器。lint:运行 next lint 以设置Next.js的内置 ESLint 配置。
- 执行
npm run dev,启动项目。