前后端分离的开发框架中，以下几种命令：npm run dev、npm run build:stage 和 npm run build:prod分别有什么作用和区别（详解）

前言

        在前后端分离的开发框架中（例如 Vue、React 等），前端的构建和启动过程通常包括以下几种命令：npm run dev、npm run build:stage 和 npm run build:prod。这些命令分别用于不同的开发、测试和生产环境，具体作用如下：

1. npm run dev — 启动开发环境

作用：

• 启动前端应用的开发模式，通常用于开发过程中进行实时调试和测试。
• 启动一个开发服务器（例如 Webpack Dev Server），支持热更新（Hot Module Replacement，HMR），使得修改代码后页面自动更新。
• 配置中的 dev 模式通常会开启一些调试工具，详细的错误信息和警告输出，帮助开发者快速定位问题。

常见功能：

• 本地服务器运行，通常默认监听 localhost:8080 或其他端口。
• 实时编译和热重载，当你修改文件时，浏览器页面会自动更新。
• 使用开发时的配置，如较大的调试信息和不进行压缩的 JavaScript 文件。
• 调用后台 API 时可能使用开发环境的 API 地址（比如 lo