vite官网:开始 | Vite 官方中文文档
vite的官方安装教程如下:
Vite 需要 Node.js 版本 14.18+,16+。然而,有些模板需要依赖更高的 Node 版本才能正常运行,当你的包管理器发出警告时,请注意升级你的 Node 版本。
安装create vite脚手架
npm create vite@latest
yarn create vite
pnpm create vite
注:npm create 命令效果同 npm init ,这是npm规定的
根据脚手架搭建项目
# npm 6.x
npm create vite@latest my-vue-app --template vue
# npm 7+, extra double-dash is needed:
npm create vite@latest my-vue-app -- --template vue
# yarn
yarn create vite my-vue-app --template vue
# pnpm
pnpm create vite my-vue-app --template vue
create-vite和vite的关系
根据上面的实例,我们可以知道,使用vite创建项目过程中,我们先安装了create-vite脚手架,然后使用了脚手架创建项目。可见,create-vite内置了vite。
如果我们自己搭建一个项目,至少需要下载以下依赖
vite, vue, post-css, less, babel....
create-vite给我们预设了一套模板,模板内置了vite, vue, post-css, less, babel等等依赖, 并且做好了最佳实践的配置
create-vite与vite的关系同vue-cli和webpck的关系。只是,create-vite与vite都是vue团队开发的。