一、升级 vue 版本、安装 vite
- 升级已有的 vue 版本
// 卸载之前 vue 版本
npm uninstall vue-cli -g
# OR
yarn global remove vue-cli
// 安装最新的 vue 版本
npm install -g @vue/cli
# OR
yarn global add @vue/cli
注意事项：
（a）全局卸载时报 up to date，然后vue --version查看，旧版本已然存在，并没有卸载掉
image.png
解决方法：
// 查找到vue在bin里面的路径，进入文件夹删除掉
where vue
// 再执行一次卸载操作
npm uninstall vue-cli -g
// 查看版本（报错 vue 不是操作指令，说明删除成功了）
vue --version
// 删除后重重新安装最新的版本
sudo npm install -g @vue/cli
// 再次查看最新版本
vue --version
image.png
（b）Mac 安装时需要使用sudo ... 否则会报错
image.png
- 安装 vite
sudo npm install vite -g
vite --version
image.png
二、使用 vite 创建 vue 项目
// 创建 vite 项目
npm create vite@latest
// 选择相关配置项
// cd zpadmin
// npm install
// npm run dev
1.png
2.png
3.png
