答:我们打开create-vite-app源码(全局安装后在C:\Users\J0201\AppData\Roaming\npm\node_modules\create-vite-app这个文件夹下面),看下package.json文件,有个bin字段: "bin":{"create-vite-app":"index.js","cva":"index.js"}, 会根据bin字段下的属性生产对应的指令,同时执行指令会执行对应的js,也就是in...
小而美的 Vite 中后台开发框架 快速上手 环境准备 首先得有node,并确保 node 版本是 12 或以上。(mac 下推荐使用nvm来管理 node 版本) $ node -v v12.18.3 搭建第一个 Viter 项目 使用NPM: $ npm init @viterjs/app npx: 5 安装成功,用时 4.312 秒 ✔ Project name: · viter-project ✔ Select...
用过create-react-app都知道,目前都推荐使用npx create-react-app 创建react项目,同时也可以使用npm init react-app去创建: 发现create-vite-app和create-react-app前面都有create,于是去npm包官网查看了npm init的说明: * npm init foo -> npx create-foo * npm init @usr/foo -> npx @usr/create-foo *...
最终在依赖加载和查找到之后,会通过runScript找到这个包的package.json中指定的bash脚本(bin命令配置),并执行其create-*命令,与vite相关的即是create-vite。 create-vite 经过上面的分析,可以确认最终与vite相关的命令的起始位置就是vitejs/create-vite/package.json中的create-vite脚本。 那么就让我正式进入create-vite...
在选定的目录下,运行npm create vite@latest命令。系统会提示你输入项目名称和其他一些选项(如选择框架预设)。例如: bash npm create vite@latest 按照提示操作,输入项目名称(例如my-vite-app)并选择你需要的框架预设(例如vanilla、react、vue等)。 5. 进入项目目录,并运行相关命令启动vite项目 创建完项目后,使用...
create-vite-app Create an app powered byVite. $ npm init vite-app<project-name>$cd<project-name>$ npm install $ npm run dev If using Yarn: $ yarn create vite-app<project-name>$cd<project-name>$ yarn $ yarn dev Templates Available templates: ...
比如npm init @vitejs/app,只知道官网说它是用来创建应用的,但很少会去想到其背后是调用了npx @vitejs/create-app,其实就是在执行一个create-app脚本。 这也就是说,如果你想让别人通过npm init xxx命令调用你的包,就必须提供一个create-xxx脚本。
比如npm init @vitejs/app,只知道官网说它是用来创建应用的,但很少会去想到其背后是调用了npx @vitejs/create-app,其实就是在执行一个create-app脚本。 这也就是说,如果你想让别人通过npm init xxx命令调用你的包,就必须提供一个create-xxx脚本。
比如npm init @vitejs/app,只知道官网说它是用来创建应用的,但很少会去想到其背后是调用了npx @vitejs/create-app,其实就是在执行一个create-app脚本。 这也就是说,如果你想让别人通过npm init xxx命令调用你的包,就必须提供一个create-xxx脚本。
npminit@user/foo --> npm exec@user/create-foo 这意味着,只要我们执行了npm init vite命令,它会在本地寻找或者去远程下载一个名为create-vite的 npm 包,exec命令会从其package.json文件中寻找bin字段,执行对应的二进制或者 js 文件。 我们在 npm 官网上可以看到,create-vite包的目录结构如下: ...