Next.js常见命令

package.json 中最常见命令

命令 实际执行 用途 频率
npm run dev next dev 开发模式(带 HMR 热更新) ★★★★★
npm run build next build 生产构建(生成 .next 文件夹) ★★★★★
npm run start next start 启动生产服务器(部署后用) ★★★★☆
npm run lint next lint 运行 ESLint 检查代码 ★★★☆☆
npm run lint -- --fix next lint --fix 自动修复部分 lint 问题 常用

3. Next.js CLI 完整常用命令(带 npx 前缀)

因为很多项目不全局安装 next,所以推荐加 npx:

1
2
3
4
5
6
7
8
9
10
npx next dev                # 开发(默认端口 3000)
npx next dev -p 4000 # 指定端口
npx next build # 生产构建
npx next start # 运行构建后的产物
npx next start -p 8080 # 指定端口

npx next lint # 代码检查
npx next lint --fix # 自动修复

npx next --help # 查看所有可用命令和选项

npm / pnpm / yarn 常用依赖管理命令

场景 npm pnpm yarn
安装所有依赖 npm install pnpm install yarn
安装特定包 npm i lodash pnpm add lodash yarn add lodash
安装为开发依赖 npm i -D typescript pnpm add -D typescript yarn add -D typescript
更新依赖 npm update pnpm update yarn upgrade
删除依赖 npm uninstall lodash pnpm remove lodash yarn remove lodash
只安装 lock 文件 npm ci pnpm install --frozen-lockfile yarn install --immutable
查看依赖树 npm ls pnpm why lodash yarn why lodash

快速记忆口诀

dev 开发,build 打包,start 部署跑” “create 初始化,lint 检查规范

先生成客户端,再推 schema 到数据

命令 主要作用 是否生成迁移文件 是否改数据库 适用环境 自动 generate?
prisma generate 生成 Prisma Client 任何环境 -
prisma db push 同步 schema → 数据库 开发/原型 否(v7+)
prisma migrate dev 生成 + 应用迁移(开发) 开发 是(旧版)
prisma migrate deploy 只应用已有迁移(生产) 生产/部署