vue-element-admin

一. 介绍

vue-element-admin是基于vue技术栈的后台系统社区解决方案
, 是开发后台管理系统的一个比较完备的前端解决方案, 可以快速搭建企业级中后台产品原型

• 基于 vue 和 element-ui实现
• 内置了 i18 国际化解决方案，动态路由，权限验证
• 提炼了典型的业务模型
• 提供了丰富的功能组件
• 内部集成了PC项目中很多的业务场景和功能

官网地址 : https://panjiachen.gitee.io/vue-element-admin-site/zh/

线上demo地址 : https://panjiachen.github.io/vue-element-admin/#/dashboard

二. 本地运行

1. 拉取项目代码

// git clone https://github.com/panjiachen/vue-element-admin.git  # 从github上拉取代码
$ git clone https://gitee.com/mirrors/vue-element-admin.git # 从码云上拉取
$ cd vue-element-admin # 切换到具体目录下
$ npm install  # 安装所有依赖
$ npm run dev  # 启动开发调试模式  查看package.json文件的scripts可知晓启动命令
复制代码

2. 下载过慢问题解决

2.1 git clone 速度过慢或者报错

可以直接下载代码的压缩包运行 : gitee.com/mirrors/vue…

2.2 安装依赖特别慢

可以使用淘宝镜像:npm config set registry https://registry.npm.taobao.org

如果使用yarn下载安装包，就请一直使用yarn，而不要与npm 混在一起使用

3. 小结

vue-element-admin 内置了后台管理业务场景下大部分的解决方案，我们可以在左侧的导航栏里看到它们。这些方案不是每一个项目都需要的，如果我们实际的业务中需要，可以拿来参考，所以它起到的作用更多的是一个参考价值，而不适合直接使用进行二次开发

vue-admin-template

官方文档 : https://github.com/PanJiaChen/vue-admin-template

vue-element-admin是一个非常全面的系统，提供了很多现成的方案，我们可以在写项目的时候过来参考，但是也有缺点：不太好进行二次开发，因为要删减的东西太多了。

我们可以采取另外一个子系统，叫做vue-admin-template ，它提供了最基础的模板，非常方便来做二次开发

在线运行效果：panjiachen.gitee.io/vue-admin-t…

拉取代码

$ git clone https://gitee.com/panjiachen/vue-admin-template.git # 从码云拉取代码 
$ cd vue-admin-template #切换到具体目录下
$ npm install  #安装所有依赖
$ npm run dev  #启动开发调试模式  查看package.json文件的scripts可知晓启动命令
复制代码