自从 vite 被 vue 官方替代了 vue-cli(webpack) 用来创建 vue 项目之后,先后出现了几个工具(封装)来作为创建项目的脚手架,各种 blog 中会搜到各个历史时期的用法,和各种变换用法,我来整理一下,因为搜到了废弃的用法还不小心用了起来,还挺烦人的。
下表中每种脚手架的 3 种使用方式效果是等价的,先说结论:用下表中的 (4)、(5),等效的。
脚手架 | npm install | npx | npm init |
---|---|---|---|
create-vite-app (已废弃) | (1)npm install -g create-vite-app create-vite-app my-project | npx create-vite-app | (2)npm init vite-app my-project cd my-project npm i |
@vitejs/create-app (已废弃) | npx @vitejs/create-app | (3)npm init @vitejs/app | |
create-vite (官方推荐) | npx create-vite | (4)npm init vite@latest (5) npm create vite@latest |