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
  • 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

你可能感兴趣的:(cli,工程化原理,npm,vue.js,前端)