npm与node.js的关系

npm是用js编写的一个node.js包管理器,npm的运行需要node.js环境，本质就是使用node.js编写的一个应用

运行一个nodejs应用时，需要通过node命令进行运行，但是我们使用npm时，直接通过npm 命令参数 （如node -v）的形式就可以了，并没有使用node运行，这是怎么实现的？

首先查看node.js的安装目录

可以发现里面有一个npm和npm.cmd,npm对应linux脚本，npm.cmd对应windows脚本；当在windows cmd窗口下输入npm时，本质上就是在执行上面的npm.cmd;能找到npm.cmd并执行是因为在系统环境变量path中配置了node.js的安装目录

打开npm.cmd

上面的npm-cli.js就是npm的入口文件，路径即上面cmd中的路径

打开npm-cli.js并添加以下内容

然后在cmd中执行npm -v

命令行中输出了添加的内容，所以执行npm时本质是在执行 node npm-cli.js

补充内容

1.在使用npm i -g @vue/cli 后为什么就可以在命令行直接使用vue 命令了？

还是查看node.js的安装目录

即npm i -g @vue/cli会在nodejs安装目录下创建一个 vue和vue.cmd,所以就可以直接使用vue的相关命令了

打开vue.cmd

本质是在执行node vue.js，这个vue.js是创建vue工程的脚手架实现

2.npm run dev 怎么实现的？

在package.json中定义了dev，即vue-cli-service serve

通过前面的分析，可以确定其最终一定是node xxx.js的形式

在工程的node_modules的.bin下，有一个vue-cli-service 和 vue-cli-service.cmd

所以windows下 vue-cli-service serve本质是在执行vue-cli-service.cmd;

但是系统是怎么找到vue-cli-service.cmd并执行的?

在npm run的过程中会暂时将 .bin目录添加到环境变量PATH中，执行完后环境变量恢复原样

打开vue-cli-service.cmd

@IF EXIST "%~dp0\node.exe" ( "%~dp0\node.exe" "%~dp0\..\@vue\cli-service\bin\vue-cli-service.js" %* ) ELSE ( @SETLOCAL @SET PATHEXT=%PATHEXT:;.JS;=;% node "%~dp0\..\@vue\cli-service\bin\vue-cli-service.js" %* )

内部逻辑就是执行node vue-cli-service.js

vue-cli-service.js位于当前工程的node_modules下