npm create vue@latest 原理

使用

• npm create vite@latest
• 当执行上述命令时，会通过一个可交互的命令行终端下载模版，实际最终是调用 create-vue 库实现的

实际调用流程

• npm create、innit 实际是 npm init 别名 ,npm init 后面加包名时，实际会调用 npm exec ｜类似 npx
  • npm init 包名 类似于 npx create-包名
  • npm init @包名 类似于 npx @包名-create

npm init foo -> npx create-foo
npm init @usr/foo -> npx @usr/create-foo
npm init @usr -> npx @usr/create

// 所以
npm create vue@latest
# ↓
npx create-vue@latest
1
2
3
4
5
6
7
8

• npx 执行的是可执行的脚本，根据 create-vue 中的 package.json 的 bin 属性去查找可执行文件

node_modules/.bin/vite -v
# vite/2.6.5 linux-x64 node-v14.16.0

# 等同于
package.json script: "vite -v"
npm run vite

# 等同于
npx vite -v
# vite/2.6.5 linux-x64 node-v14.16.0

1
2
3
4
5
6
7
8
9
10
11