1、Vite 安装【Vite 需要 Node.js 版本 >= 12.0.0】【中文官网写12，英文官网写14，去github上看写14】

本地安装 Node
node 下载地址：https://nodejs.org/zh-cn/

   # 查看 node 版本
   安装完 node 之后，打开【dos 窗口】输入【cmd】回车，输入【node -v】回车

   # 查看原来 node 安装路径
   安装完 node 之后，打开【dos 窗口】输入【cmd】回车，输入【where node】回车

   # 查看 node 所有版本
   安装完 node 之后，打开【dos 窗口】输入【cmd】回车，输入【npm view node versions】回车

   # n模块是专门用来管理nodejs的版本，安装n模块

npm install -g n

   # 更新升级 Node 版本

n // 选取已安装的版本 上下键选择并按回车键确认
n help // 帮助
n ls // 列出所有node版本
n stable // 把当前系统的 Node 更新成最新的 “稳定版本”
n lts // 长期支持版
n latest // 最新版
n 16.14.2 // 指定安装版本
n rm 16.14.2 // 指定删除某个版本
n use xx.xx.x a.js // 制定版本来运行脚本

使用 NPM 安装最新版本的 Vite

npm install -g vite   //全局安装
npm install vite -g   //全局安装
npm install vite -D   //局部安装

查看安装的版本

vite -v

*、搭建第一个 Vite 项目
使用 NPM:

npm init vite@latest

使用 Yarn:

yarn create vite

使用 PNPM:

pnpm create vite

*、使用 Vite 创建 Vue3 项目

# npm 6.x
npm init vite@latest my-vue-app --template vue

# npm 7+, extra double-dash is needed:
npm init 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

注意：
npm 7+ 后面需要多添加的双横杠；
my-vue-app：是项目的名称，可以根据自己的需要修改；
--template vue：表示创建一个vue模板项目；

*、安装依赖【cd my-vue-app】

npm install

*、运行

npm run dev

*、安装路由，使用最新的 Vue Router 版本

npm install vue-router@4
或
npm install vue-router@next --save

*、安装vuex4

npm install vuex@next --save
或
yarn add vuex@next --save

*、安装element-plus依赖

npm install element-plus --save

*
*
*
*
*
*
*