vue-cli webapck-cli npm run ***

vue-cli为vue的脚手架,负责vue项目的创建等,使得在命令行中访问 vue 命令。

webpack-cli同理为webpack的脚手架,webpack-cli 是一个用来在命令行中运行 webpack 的工具。

npm run

使用npm run script执行脚本的时候都会创建一个shell,然后在shell中执行指定的脚本。

1.这个shell会将当前项目的可执行依赖目录(即node_modules/.bin)添加到环境变量path中,当执行之后之后再恢复原样。就是说脚本命令中的依赖名会直接找到node_modules/.bin下面的对应脚本,而不需要加上路径。

2.没有找到则从全局的 node_modules/.bin 中查找,npm i -g xxx就是安装到到全局目录;

3.如果全局目录还是没找到,那么就从 path 环境变量中查找有没有其他同名的可执行程序。

npm和npx的区别

npx 主要用于命令行的寻址等辅助功能上,而 npm 是管理依赖的

当执行npx xxx的时候,npx先看xxxz在$PATH里有没有,如果没有,找当前目录的node_modules里有没有,如果还是没有,就安装这个xxx 来执行。