npm run dev 的作用

npm run dev 的作用是:执行你在 package.json 中自定义的名为 dev 的脚本命令

换句话说,npm 本身并不知道 "dev" 该干什么 ,它只是去 package.json 的 "scripts" 字段里找到 "dev" 对应的命令并帮你运行。


举个例子

假设你的 package.json 里有:

json 复制代码
"scripts": {
  "dev": "vite",
  "build": "vite build",
  "preview": "vite preview"
}

执行 npm run dev 时,npm 会启动 Vite 的开发服务器,通常会:

  • 监听源代码变化(热更新 HMR)
  • 启动本地服务(如 http://localhost:5173
  • 开启调试模式,方便你边改边看效果

🛠 常见框架的 "dev" 脚本

框架 常见 dev 脚本 效果
Vite "vite" 启动本地开发服务器,支持热更新
Webpack "webpack serve" 启动 webpack-dev-server
Next.js "next dev" 启动 Next.js 开发服务器
Nuxt "nuxt dev" 启动 Nuxt 开发服务器
Node.js (原生) "nodemon src/index.js" 用 nodemon 监听文件变化并重启服务

注意事项

  • 必须先 npm install 安装依赖,否则脚本里用到的命令(如 vitenext)会找不到。
  • npm run dev 通常是开发阶段使用 ,构建生产包一般用 npm run build

一句话总结

npm run dev 不是 npm 的固定功能,而是执行你在 package.json 里写的自定义开发脚本,通常用来启动本地开发服务器并开启热更新。