npm run dev 的作用
npm run dev
的作用是:执行你在 package.json 中自定义的名为 dev 的脚本命令。
换句话说,npm 本身并不知道 “dev” 该干什么,它只是去 package.json 的 "scripts"
字段里找到 "dev"
对应的命令并帮你运行。
举个例子
假设你的 package.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
安装依赖,否则脚本里用到的命令(如vite
、next
)会找不到。 npm run dev
通常是开发阶段使用,构建生产包一般用npm run build
。
一句话总结
npm run dev
不是 npm 的固定功能,而是执行你在 package.json 里写的自定义开发脚本,通常用来启动本地开发服务器并开启热更新。