# vue-admin

**Repository Path**: artdong/vue-admin

## Basic Information

- **Project Name**: vue-admin
- **Description**: 😃 A magical vue admin template based on vue and element-ui
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://artdong.gitee.io/vue-admin
- **GVP Project**: No

## Statistics

- **Stars**: 8
- **Forks**: 1
- **Created**: 2020-10-12
- **Last Updated**: 2025-06-10

## Categories & Tags

**Categories**: backend

**Tags**: None

## README

# vue-admin

## About

此项目是 vue2 + element-ui + axios 构建的后台管理系统，自适应多种屏幕大小，所有数据都是mock server处理的，所以只需下载即可运行，非常方便就可以替换自己的rest api接口。vue3版本正在计划中，敬请期待。

[![mnt-image](https://img.shields.io/maintenance/yes/2020.svg)](../../commits/develop)
[![Gitee stars](https://gitee.com/artdong/vue-admin/badge/star.svg?theme=dark)](https://gitee.com/artdong/vue-admin/stargazers)
[![GitHub stars](https://img.shields.io/github/stars/artdong/vue-admin?style=social)](https://github.com/artdong/vue-admin/stargazers)
[![GitHub forks](https://img.shields.io/github/forks/artdong/vue-admin.svg)](https://github.com/artdong/vue-admin/network)
[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/artdong/vue-admin/blob/develop/LICENSE)


## 来了就留个 :feet:吧，star一下证明你来过  :stuck_out_tongue_closed_eyes:

>  如果对您对此项目有兴趣，可以点 "Star" 支持一下 谢谢！ ^_^

>  或者您可以 "follow" 一下，我会不断开源更多的有趣的项目

>  如有问题请直接在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR 👍


>  传送门1：[前端经典面试题整理，每日更新](https://github.com/daily-interview/fe-interview)

>  传送门2：[react-org-tree组织树组件](https://github.com/artdong/react-org-tree)

>  传送门3：[ionic3自定义组件及常用例子](https://github.com/artdong/ionic3-awesome)


## 技术栈

vue2 + vuex + vue-router + axios + element-ui + webpack + ES6/7 + sass

## github地址

[点我 :smiley:](https://github.com/artdong/vue-admin)

## 项目运行

```
git clone https://github.com/artdong/vue-admin

cd vue-admin

npm install

npm run dev (运行开发模式)

npm run build (打包发布)


浏览器打开: http://localhost:8080

```

## 在线演示

[点我 :smiley:](https://artdong.gitee.io/vue-admin)

### 效果预览

![动态图](https://gitee.com/artdong/vue-admin/raw/master/assets/screenshot/vue2-admin-grace-v1.1.gif?raw=true)

### 深色主题效果预览

![动态图](https://gitee.com/artdong/vue-admin/raw/master/assets/screenshot/vue2-admin-grace-dark.gif?raw=true)

#### 欢迎关注我的微信公众号`全栈弄潮儿` ，获取更多学习资源及技术文章等

* 微信公众号二维码，扫一扫或者搜索"全栈弄潮儿"即可关注

<p align='center'>
  <img src="https://gitee.com/artdong/vue-admin/raw/master/assets/images/qr_gh.jpg" width="260px" style="display:inline;">
</p>