芋道快速开发平台的使用心得

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)文章。