基于vue-element-admin 二次开发(不是从0开始)

基于vue-element-admin 二次开发(不是从0开始)_第1张图片

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

预览效果如下:

基于vue-element-admin 二次开发(不是从0开始)_第2张图片

 

 可以根据模块进行快速的二次开发

你可能感兴趣的:(vue.js,前端,javascript)