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
相关推荐
小李子呢021132 分钟前
前端八股网络浏览器---输入 URL 到页面呈现
前端·网络
Hello--_--World42 分钟前
Vue:虚拟Dom
前端·javascript·vue.js
vivo互联网技术1 小时前
下一代图片格式 AVIF 在 vivo 社区的落地实践
前端·性能优化·图片压缩·avif
咸鱼翻身更入味1 小时前
Vue创建一个简单的Agent聊天
前端
布局呆星2 小时前
Vue Router 核心知识点梳理
前端·javascript·vue.js
得物技术2 小时前
基于 Harness + SDD + 多仓管理模式的 AI 全栈开发实践|得物技术
前端·人工智能·后端
不会写DN2 小时前
如何通过 Python 实现招聘平台自动投递
开发语言·前端·python
miaowmiaow2 小时前
一行命令把 PSD 还原成 HTML / React / Vue:psd2code 实战干货
前端·ai编程
张元清2 小时前
React 中的语音与摄像头输入:语音识别、媒体设备与权限
前端·javascript·面试