npm run serve运行背后的思考
首先输入npm run serve命令实际上是执行package.json中的serve参数命令
"scripts": {
"serve": "vue-cli-service serve"
}
1
2
3
2
3
所以上面命令实际执行的是vue-cli-service serve,但如果我们直接在控制台使用vue-cli-service时就会发现不存在该命令

这里是因为npm在运行时会临时将node_modules/.bin目录放入环境变量path中,在.bin目录中我们就能找到vue-cli-service,这里.cmd用于window平台另一个用与unix相关系统

最后我们得出执行npm run serve大概有以下几个步骤:
- 1、找到
package.json中的serve参数命令 - 2、找到
node_module/.bin/vue-cli-service文件,根据环境这里执行vue-cli-service.cmd - 3、根据
vue-cli-service.cmd脚本内容找到@vue\cli-service\bin\vue-cli-service.js并执行最终命令
上次更新: 2025/09/05, 8:09:00