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
javascript 复制代码
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 属性去查找可执行文件
javascript 复制代码
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
相关推荐
爱分享的鱼鱼9 分钟前
对比理解 Vue 响应式 API:data(), ref、reactive、computed 与 watch 详解
前端·vue.js
JS_GGbond10 分钟前
【性能优化】给Vue应用“瘦身”:让你的网页快如闪电的烹饪秘籍
前端·vue.js
T___T12 分钟前
一个定时器,理清 JavaScript 里的 this
前端·javascript·面试
代码小学僧13 分钟前
从 Arco Table 迁移到 VTable:VTable使用经验分享
前端·react.js·开源
微笑的曙光14 分钟前
Vue3 环境搭建 5 步走(零基础友好)
前端
不知名用户来了18 分钟前
基于vue3 封装的antdv/element-Plus 快速生成增删改查页面
前端
明川24 分钟前
Android Gradle - ASM + AsmClassVisitorFactory插桩使用
android·前端·gradle
布列瑟农的星空25 分钟前
webpack迁移rsbuild——配置深度对比
前端
前端小黑屋26 分钟前
查看项目中无引用到的文件、函数
前端
前端小黑屋27 分钟前
小程序直播挂件Pendant问题
前端·微信小程序·直播