【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 + 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

运行成功的界面是这样的 (竟然还有换语言插件…)
点击登陆，就可以看见界面了

开发模板

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

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

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

模板是登陆后是长这样的
开发的模板…
功能就是几个基本的，自行开发即可

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