eap 管理后台, 基于yudao二次开发的快速开发平台。
- yudao前端 yudao-ui-admin-vue3
- 采用 vue-element-plus-admin 实现
- 改换 saas,自动引入等功能
- 使用 Element Plus 免费开源的中后台模版,具备如下特性:
- 最新技术栈:使用 Vue3、Vite4 等前端前沿技术开发
- TypeScript: 应用程序级 JavaScript 的语言
- 主题: 可配置的主题
- 国际化:内置完善的国际化方案
- 权限:内置完善的动态路由权限生成方案
- 组件:二次封装了多个常用的组件
- 示例:内置丰富的示例
| 框架 | 说明 | 版本 |
|---|---|---|
| Vue | Vue 框架 | 3.3.8 |
| Vite | 开发与构建工具 | 4.5.0 |
| Element Plus | Element Plus | 2.4.2 |
| TypeScript | JavaScript 的超集 | 5.2.2 |
| pinia | Vue 存储库 替代 vuex5 | 2.1.7 |
| vueuse | 常用工具集 | 10.6.1 |
| vue-i18n | 国际化 | 9.6.5 |
| vue-router | Vue 路由 | 4.2.5 |
| unocss | 原子 css | 0.57.4 |
| iconify | 在线图标库 | 3.1.1 |
| wangeditor | 富文本编辑器 | 5.1.23 |
推荐 VS Code 开发,配合插件如下:
| 插件名 | 功能 |
|---|---|
| Vue - Official | Vue 与 TypeScript 支持 |
| unocss | unocss for vscode |
| Iconify IntelliSense | Iconify 预览和搜索 |
| i18n Ally | 国际化智能提示 |
| Stylelint | Css 格式化 |
| Prettier | 代码格式化 |
| ESLint | 脚本代码检查 |
| DotENV | env 文件高亮 |
- nodejs > 16.18.0 && pnpm > 8.6.0 (强制使用pnpm)
① 克隆 https://github.com/eaopen/eap-ui-admin-vue3 项目,并 Star 关注下该项目。
② 在根目录执行如下命令,进行启动:
# 安装 pnpm,提升依赖的安装速度
npm config set registry https://registry.npmmirror.com
npm install -g pnpm
# 安装依赖
pnpm install
# 启动服务
npm run dev
③ 启动完成后,浏览器会自动打开 http://localhost:80 地址,可以看到前端界面。
默认用户名密码 admin/admin123
