Next.js常见命令

Next.js常见命令
Mr.阿布白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 | npx next dev # 开发(默认端口 3000) |
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 |
只应用已有迁移(生产) | 否 | 是 | 生产/部署 | 否 |
评论
匿名评论隐私政策
✅ 你无需删除空行,直接评论以获取最佳展示效果









