vue-element-admin是开发后台管理系统的一个比较完备的前端解决方案:
- 官网地址 线上demo地址
- 基于 vue 和 element-ui实现
- 内置了 i18 国际化解决方案,动态路由,权限验证
- 提炼了典型的业务模型
- 提供了丰富的功能组件
- 内部集成了PC项目中很多的业务场景和功能
它内置了后台管理业务场景下大部分的解决方案,但这些方案不是每一个项目都需要的,所以它起到的作用更多的是一个参考价值,而不适合直接使用进行二次开发,因为内容太多了。 因此,官方提供了一个简化版的模板。
了解 vue-admin-template
vue-admin-template, 它是vue-element-admin的简化版本,它提供了最基础的模板,非常方便来做二次开发。官网说明
在线运行效果:https://panjiachen.gitee.io/vue-admin-template/#/login?redirect=%2Fdashboard
# 从码云拉取代码
git clone https://gitee.com/panjiachen/vue-admin-template.git 本地目录地址名
# 切换到具体目录下
cd 本地目录地址名
# core-js版本升级:3.6.5 -> 3.25.5。 修改package.json中的core-js的版本号
# 安装所有依赖
npm install
# 启动开发调试模式 查看package.json文件的scripts可知晓启动命令
npm run dev
注意: node的版本不能 > 18,必须降到 16
预览效果如下:
可以根据模块进行快速的二次开发