# vue-tpl-admin

**Repository Path**: ityong/vue-tpl-admin

## Basic Information

- **Project Name**: vue-tpl-admin
- **Description**: vue-cli3 构建的 vue2.6 + elementui  轻量级后台模板
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: develop
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2019-06-26
- **Last Updated**: 2022-01-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-tpl-admin

基于 vue-cli3  Vue.js + Element UI 的后台管理系统解决方案。
> [源码仓库-github](https://github.com/ityong/vue-tpl-admin.git)   
> [源码仓库-gitee](https://gitee.com/ityong/vue-tpl-admin.git)   
> [在线演示](http://vadmintpl.ityong.cn)   

## 前言
基于 vue.js，使用 vue-cli3 脚手架，引用 Element UI 组件库，方便开发快速简洁好看的组件。分离颜色样式，支持手动切换主题色，而且很方便使用自定义主题色。
采用顶部菜单top + 侧边菜单组合进行菜单控制

## 功能
-   [x] 登录/注销
-   [x] Dashboard
-   [x] 表格
-   [x] Tab 选项卡
-   [x] 表单
-   [x] 图表 :bar_chart:
-   [x] 富文本编辑器
-   [x] markdown 编辑器
-   [x] 图片拖拽/裁剪上传
-   [x] 支持切换主题色 :sparkles:
-   [x] 列表拖拽排序
-   [x] 权限测试
-   [x] 404 / 403
-   [x] 三级菜单
-   [x] 自定义图标
-   [x] 可拖拽弹窗
-   [x] 国际化

## 安装步骤

```
// 把模板下载到本地
git clone https://github.com/ityong/vue-tpl-admin.git
or 
git clone https://gitee.com/ityong/vue-tpl-admin.git
// 进入模板目录
cd vue-tpl-admin

// 安装项目依赖，等待安装完成之后，安装失败可用 cnpm 或 yarn
npm install

// 开启服务器，浏览器访问 http://localhost:8080
npm run serve

// 执行构建命令，生成的dist文件夹放在服务器下即可访问
npm run build
```

### 说明
 > 菜单目录配置：/src/data/menu.js