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
相关推荐
独立开阀者_FwtCoder2 分钟前
Vite Devtools 要发布了!期待
前端·面试·github
独立开阀者_FwtCoder2 分钟前
国外最流行的 UI 组件库!适配 Vue、React、Angular!
前端·vue.js·后端
CodeSheep10 分钟前
小米汽车这薪资是认真的吗?
前端·后端·程序员
白白李媛媛15 分钟前
上传Vue3+vite+Ts组件到npm官方库保姆级教程
前端·arcgis·npm
晴殇i24 分钟前
前端内容保护:如何有效防止用户复制页面内容?
前端·javascript·css
程序猿阿伟28 分钟前
《声音的变形记:Web Audio API的实时特效法则》
开发语言·前端·php
凌览32 分钟前
有了 25k Star 的MediaCrawler爬虫库加持,三分钟搞定某红书、某音等平台爬取!
前端·后端·python
万少34 分钟前
2-自然壁纸实战教程-AGC 新建项目
前端·harmonyos
满分观察网友z1 小时前
别小看这个滑动条!从性能灾难到用户挚爱的 uni-app Slider 踩坑实录
前端
编程猪猪侠1 小时前
Taro+Vue3实现微信小程序富文本编辑器组件开发指南
vue.js·微信小程序·taro