浅析“npm run dev”作用

这个问题来自于对项目的创建过程中需要运行的三大指令的思考，是对自己vue技术的底层逻辑搭建。

一、是什么

npm run dev是用来搭建脚手架环境的。

在npm run dev的时候，首先会去项目的package.json文件里找scripts 里找对应的 dev ，然后执行 dev 的命令。

例如启动vue项目 npm run serve的时候，实际上就是执行了vite这条命令，在这条命令中，包含了vue-cli-service serve，也就是说。

在package.json中可以找到对应的文件代码，即以下的部分：

"scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },

这个是使用Vite作为搭建工具的时候会得到的结果，作为webpack这类更原始的版本的话Dev就对应着vue-cli-service serve ，也就是以下代码：

"scripts": {
    "dev": "vue-cli-service serve"
   },

二、做了什么

• 我们在安装依赖的时候，是通过npm install 来执行的，npm 在安装依赖的时候，会在node_modules/.bin/ 目录中创建好vue-cli-service 为名的几个可执行文件。
• .bin 目录不是任何一个 npm 包。目录下的文件，表示一个个软链接，打开文件可以看到文件顶部写着 #!/bin/sh ，表示这是一个脚本。
• 所以当使用 npm run dev 执行 vue-cli-service serve 时，虽然没有安装 vue-cli-service的全局命令，但是 npm 会到 ./node_modules/.bin 中找到 vue-cli-service 文件作为 脚本来执行，则相当于执行了 ./node_modules/.bin/vue-cli-service serve。

原文链接：https://blog.csdn.net/web2022050901/article/details/125165316

三、有什么用

npm run dev：只是用来调试的，开发就够了；

补充说明：
有一个相似的命令就是下面这个，也是用来搭建环境的，但有一点小区别，具体情况具体额分析。
npm run build：你想用提交小程序版本的时候，运行，然后代码都会被压缩，提交的时候就更小了。