Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lynzz/element-admin
一个支持 vue-cli 的 Element UI 的后台模板
https://github.com/lynzz/element-admin
element vue-cli webpack
Last synced: 6 days ago
JSON representation
一个支持 vue-cli 的 Element UI 的后台模板
- Host: GitHub
- URL: https://github.com/lynzz/element-admin
- Owner: lynzz
- Created: 2016-11-15T09:35:40.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2019-12-20T08:22:41.000Z (almost 5 years ago)
- Last Synced: 2024-08-02T09:24:16.533Z (3 months ago)
- Topics: element, vue-cli, webpack
- Language: JavaScript
- Homepage: https://element-admin-demo-pvcijgwhsa.now.sh
- Size: 1.1 MB
- Stars: 314
- Watchers: 17
- Forks: 81
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-vue - element-admin - admin?style=social) - 支持 vuecli 的 Element UI 的后台模板 (实用库)
- awesome-github-vue - element-admin - 支持 vuecli 的 Element UI 的后台模板 (实用库)
- awesome-github-vue - element-admin - 支持 vuecli 的 Element UI 的后台模板 (实用库)
- awesome - element-admin - 支持 vuecli 的 Element UI 的后台模板 (实用库)
README
# vue-element-admin-boilerplate
> 用 vue-cli 生成的 vue2 与 element-ui 的后台开发脚手架
**已长期不维护,请移至** [waye-pro](https://github.com/wayejs/waye-pro.git)
## 介绍
公司的 java 开发人员已会用 vue2 和 element-ui 开发后台系统,但每个人的开发风格都不一致,所以整一套标准的基于 [vue-cli](https://github.com/vuejs/vue-cli) 的 [webpack](https://github.com/vuejs-templates/webpack) 的模板供开发人员使用。
## 用法
``` bash
$ npm install -g vue-cli
$ vue init lynzz/element-admin my-project
$ cd my-project
$ npm install
$ npm run dev
```## 特性
- 支持 [mock](http://mockjs.com/) 数据, `mock` 路由按文件路径,单个文件就是一个接口
- `ESLint` 采用 `standard` 方式
- 编辑器用 [tinymce](https://www.tinymce.com/), 见 [Editor.vue](https://github.com/lynzz/element-admin/blob/master/template/src/components/Editor.vue)
## 演示
[element-admin-demo](https://element-admin-demo-pvcijgwhsa.now.sh/)
用户名密码都是 `admin`
## 界面预览
### 搜索页
![搜索页](https://raw.githubusercontent.com/lynzz/element-admin/master/screenshot/search.jpg)
### 编辑器页
![带有编辑器的表单页](https://raw.githubusercontent.com/lynzz/element-admin/master/screenshot/form.jpg)
## TODO
- [ ] add Vuex