vue3+ts+vite+elementPlus后台管理系统学习总结01

一：运行源代码

由Vue3 + Vite + TypeScript + Element-Plus：从零到一构建企业级后台管理系统（前后端开源）这篇博客总结。

用的部分技术栈版本如下：
node.js : 20.10.0 (稳定版)
//vite : 5.1.0 （最新版）
vite: 5.0.10

PS F:\pms\pms-front\vue3-element-admin> npm run dev

[email protected] dev
vite serve --mode development

启动的源代码
“vue”: “^3.3.13”,
“vue-i18n”: “9.2.2”,
“vue-router”: “^4.2.5”,

“vite”: “^5.0.10”,

启动后，会遇到一个报错：

这个跟package.json中的设置有关：

这是为了防止多人团队中，每个人使用习惯不同【npm,cnpm,pnpm】，导致代码混乱而作的统一处理。
所以你可以根据自己的习惯或者团队要求使用。这里我用pnpm

安装pnpm,并且pnpm install后报错
经查可能是pnpm版本过高的原因，于是降低版本试试。

之前的版本

PS F:\xxx\pms-front\vue3-element-admin> npm -v
10.2.3
PS F:\xxx\pms-front\vue3-element-admin> pnpm -v
8.14.0

降低后的：npm install -g [email protected]
运行pnpm install还是报错，想到可能是缓存的原因，于是关闭项目，重新打开，再次pnpm install,可以正常运行。
之前的版本可能也没错，于是升级到8.14.0再试试。==》