# vue-material-admin

**Repository Path**: zzzPython/vue-material-admin

## Basic Information

- **Project Name**: vue-material-admin
- **Description**: Vue Material 风格 仪表盘后台管理系统模板
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://chenhuajie.gitee.io/vue-material-admin/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 9
- **Created**: 2023-03-27
- **Last Updated**: 2023-03-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
  <img width="200" src="https://gitee.com/chenhuajie/vue-material-admin/raw/master/src/assets/admin-logo.png">
</p>

<h1 align="center">
    Vue Material Admin
<div align="center">


![version](https://img.shields.io/badge/Vue-3.0.0-blue.svg)
[![license](https://img.shields.io/github/license/kailong321200875/vue-element-plus-admin.svg)](LICENSE)
![stars](https://img.shields.io/github/stars/Groundhog-Chen/vue-material-admin.svg?style=social&label=Stars)

</div>
</h1>

vue-material-admin 是一个基于 `Vuetify` 免费开源的中后台模版。使用了`Vue3`，`Vite`，`TypeScript`等开发，可以用来作为项目的启动模版，也可用于学习参考，现在正在持续更新中，如有改进及优化建议，请发送本人邮箱 894620576@qq.com

> `dev` 分支为正在升级到 Vue3 的开发代码，`v2` 分支为旧版本，切换到旧版本需要重新 `install` 一下安装 `webpack` 相关依赖 `v1` 是 `Vuetify1.x `的老版本的备份

## 浏览器支持

本地开发推荐使用 `Chrome 80+` 浏览器，支持现代浏览器, 不支持 IE

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/archive/internet-explorer_9-11/internet-explorer_9-11_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
| :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
|                                                                                                                   not support                                                                                                                    |                                                                                            last 2 versions                                                                                             |                                                                                                  last 2 versions                                                                                                  |                                                                                                last 2 versions                                                                                                |                                                                                                last 2 versions                                                                                                |

## 本地开发

```
# 克隆项目
git clone https://github.com/Groundhog-Chen/vue-material-admin.git

# 打开文件目录
cd vue-material-admin

# 安装依赖
npm install

# 本地运行
npm run dev

```

## 预览地址

-   [当前版本：http://chenhuajie.gitee.io/vue-material-admin/](http://chenhuajie.gitee.io/vue-material-admin/)
-   [v2 旧版：http://chenhuajie.gitee.io/vue-material-admin/v2/](http://chenhuajie.gitee.io/vue-material-admin/v2)

## 目录结构

```　　
┌  public
├─ tests
├─ src
│ ├─ assets
│ ├─ components
│ ├─ layout
│ ├─ plugins
│ ├─ router
│ ├─ store
│ ├─ styles
│ ├─ views
│ └─ app.vue
└─ main.ts
├─ .editorconfig
├─ .env.development
├─ .env.production
├─ .eslintrc.cjs
├─ .gitignore
├─ .prettierrc.json
├─ env.d.ts
├─ index.html
├─ package.json
├─ README.md
├─ tsconfig.config.json
├─ tsconfig.json
└─ vite.config.ts
```

## 截图

<p align="center">
  <img width="100%" src="https://gitee.com/chenhuajie/vue-material-admin/raw/master/src/assets/tesla.png">
  <img width="100%" src="https://gitee.com/chenhuajie/vue-material-admin/raw/master/src/assets/smart_house.png">
</p>

## 许可证

[MIT](./LICENSE)