一、升級(jí) vue 版本、安裝 vite
- 升級(jí)已有的 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
注意事項(xiàng)：
（a）全局卸載時(shí)報(bào) up to date，然后vue --version查看，舊版本已然存在，并沒(méi)有卸載掉
image.png
解決方法：
// 查找到vue在bin里面的路徑，進(jìn)入文件夾刪除掉
where vue
// 再執(zhí)行一次卸載操作
npm uninstall vue-cli -g
// 查看版本（報(bào)錯(cuò) vue 不是操作指令，說(shuō)明刪除成功了）
vue --version
// 刪除后重重新安裝最新的版本
sudo npm install -g @vue/cli
// 再次查看最新版本
vue --version
image.png
（b）Mac 安裝時(shí)需要使用sudo ... 否則會(huì)報(bào)錯(cuò)
image.png
- 安裝 vite
sudo npm install vite -g
vite --version
image.png
二、使用 vite 創(chuàng)建 vue 項(xiàng)目
// 創(chuàng)建 vite 項(xiàng)目
npm create vite@latest
// 選擇相關(guān)配置項(xiàng)
// cd zpadmin
// npm install
// npm run dev
1.png
2.png
3.png
