请问vue serve/build和npm run serve/build（vue-cli-service serve/build）到底有啥区别和联系啊？-灵析社区

明道

先说 "npm run xxx"。 1. 执行时，会以当前所在路径为起点，查找当前目录中是否存在 "package.json" 文件，如果没有，则会进入上一层父级目录，重复这个查找动作。如果直到整个系统的根目录都没有找到，那么就会异常终止。 2. 在找到之后，会查看文件中的 "scripts" 配置，并执行对应的 "xxx" 指令，比如：{ "scripts": { "xxx": "echo 这是一条测试指令~" } } 3. 若是不存在 "xxx" 指令，也就是找不到对应的，则会导致异常终止。 *** 再说 "vue xxx"，就不特意说 "serve" 和 "build" 了。 首先，"vue" 这个命令行指令，是在全局安装了 Vue-CLI 之后才可以使用的，也就是说，这是一个 CLI 工具。如果你在安装完成之后，输入 "vue" 按下回车，可以看到这些内容。 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250111/7f28ad902181674bd2826b5a0c1e37b8.png) 而当你输入 "vue xxx" 后，都会在其中寻找有没有对应的指令，有则执行，没有则报错。就和 "npm run xxx" 很类似了。 *** 虽然看着 "npm run xxx" 和 "vue xxx" 好像差不多，但是前者是可以由我们自定义的，后者是固定的。 别看现在几乎都是 "npm run dev"，那只是开发者都习惯了而已，实际上是可以改的，如： { "scripts": { "dev": "vite", "serve": "vite", "start": "vite" } } «为什么 "npm run start" 逐渐变成了 "npm run dev"？因为后者短呀，为什么不更短一些？那就不像话了。» *** 更新： 根据 Vue-CLI@5.0.8 源码示意，"vue serve" 和 "vue build" 指令是 "npm run serve" 和 "npm run build" 的别名。 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250111/088ee5b345a996847743b31b4a561b60.png)