1.前端版本
项目的管理后台有 4 个版本:
yudao-ui-admin-vue3 (opens new window):基于 Vue3 + element-plus
yudao-ui-admin-vben (opens new window):基于 Vue3 + vben(ant-design-vue)
yudao-ui-admin-vue2 (opens new window):基于 Vue2 + element-ui
yudao-ui-admin-uniapp (opens new window):基于 Vue2 + uni-app
1.1 Vue3 + element-plus 版本
yudao-ui-admin-vue3 (opens new window)是前端 Vue3 管理后台项目。
① 克隆 https://github.com/yudaocode/yudao-ui-admin-vue3.git 项目,并 Star 关注下该项目。
备份地址:芋道源码/yudao-ui-admin-vue3(Gitlab版)
② 在根目录执行如下命令,进行启动:
- 安装 pnpm,提升依赖的安装速度
npm config set registry https://registry.npmmirror.com
npm install -g pnpm
- 安装依赖
pnpm install
- 启动服务
npm run dev
③ 启动完成后,浏览器会自动打开 http://localhost:80 (opens new window)地址,可以看到前端界面。
友情提示:Vue3 使用 Vite 构建,所以它存在如下的情况,都是正常的:
项目启动很快,浏览器打开需要等待 1 分钟左右,请保持耐心。
点击菜单,感觉会有一点卡顿,因为 Vite 采用懒加载机制。不用担心,最终部署到生产环境,就不存在这个问题了。
详细说明,可见 《为什么有人说 Vite 快,有人却说 Vite 慢?》 (opens new window)文章。