【vue】 vue-element-admin :简单的基于 vue + element 的前端开发模板

前言

之前写项目时候一直用的是 amazeui ,由于 vue 是不建议对 dom 进行操作的,基于 jQuery 的 amazeui 就会出现许多问题,之前就踩了许多坑…

就在当时我以为前途一片黑暗时,我看到了 vue-element-admin

作者链接地址 :
https://github.com/PanJiaChen/vue-element-admin
https://github.com/PanJiaChen/vue-admin-template

概览

首先看一下项目进入的界面
【vue】 vue-element-admin :简单的基于 vue + element 的前端开发模板很好看的界面…

这套模板基于vue + element 而且包含你能想到的关于后台管理的所有功能

响应式,页面简单明了,功能齐全,代码风格成熟,只要稍微熟悉 vue 就可以开发出后台管理界面。

于是…
在我看到这套模板之后就毫不犹豫的抛弃了 amazeui…

使用

首先,从 github 上 clone 项目到本地

git clone https://github.com/PanJiaChen/vue-element-admin

cd 进入项目所在文件夹

cd vue-element-admin

安装依赖(据说cnpm可能出现一些问题)

npm install

下载完成就可以运行了
npm run dev

运行成功的界面是这样的 (竟然还有换语言插件…)
【vue】 vue-element-admin :简单的基于 vue + element 的前端开发模板 点击登陆,就可以看见界面了

开发模板

作者同时也提供了一个空白的开发模板,上面是基础的一些东西,想要用到哪个组件就拿过来直接用就行

链接在这
https://github.com/PanJiaChen/vue-admin-template

和刚才的项目一样,先 clone 到本地,安装依赖,cd 进去运行,这里略过…

模板是登陆后是长这样的
【vue】 vue-element-admin :简单的基于 vue + element 的前端开发模板 开发的模板…
功能就是几个基本的,自行开发即可

在此再次感谢作者,附上链接 https://github.com/PanJiaChen