# Pear Admin Ant

**Repository Path**: pear-admin/pear-admin-ant

## Basic Information

- **Project Name**: Pear Admin Ant
- **Description**: ☘  基于  Ant Design Vue 与 Vue 3.0 的前端开发框架
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: next
- **Homepage**: http://www.pearadmin.com
- **GVP Project**: No

## Statistics

- **Stars**: 707
- **Forks**: 235
- **Created**: 2020-10-22
- **Last Updated**: 2025-04-10

## Categories & Tags

**Categories**: backend

**Tags**: Vue

## README


<div align="center">
<br/>
  <h1 align="center">
    Pear Admin Ant
  </h1>
  <h4 align="center">
    开 箱 即 用 的 Vue 3.0 前 端 开 发 框 架 [ 探 索 Antd 3.0.0 ]
  </h4> 

  [预 览](http://ant.pearadmin.com)   |   [官 网](http://www.pearadmin.com/) 

</div>

<p align="center">
    <a href="#">
        <img src="https://img.shields.io/badge/Pear Admin Ant-1.3.2.release-green.svg" alt="Pear Admin Ant Version">
    </a>
    <a href="#">
        <img src="https://img.shields.io/badge/Vue-3.0.0-green.svg" alt="Vue Version">
    </a>
      <a href="#">
        <img src="https://img.shields.io/badge/Ant Design Vue-2.0.9-green.svg" alt="Ant Design Vue Version">
    </a>
    <br/>
    <a href="#">
        <img src="https://img.shields.io/badge/Node-16.0.0-red.svg" alt="Node Version">
    </a>
    <a href="#">
        <img src="https://img.shields.io/badge/Vite-2.0.0-red.svg" alt="Vite Version">
    </a>
</p>
<div align="center">
  <img  width="92%" style="border-radius:10px;margin-top:20px;margin-bottom:20px;box-shadow: 2px 0 6px gray;" src="https://images.gitee.com/uploads/images/2021/0322/013718_9c359d6a_4835367.png" />
</div>

#### 项目介绍  :jack_o_lantern: 

 Vue 3 + Ant Design Vue 2 + Axios 前端模板，提供快速开发

 项目不定时更新，建议 Star watch 一份

#### 项目结构

```
Pear Admin Ant
│
├─dist  打包目录
│
├─src 源码
│  │
│  |-api 网络请求
│  |
│  |-assets 静态资源
│  |
│  |-component 常用组件    
│  |   
│  |-config 配置文件
│  |
│  |-directives 指令目录
│  |
│  |-layout 布局组件
│  |
│  |-mock 模拟数据
│  |
│  |-router 路由管理
│  | 
│  |-utils 工具类
│  |
│  |-view 页面目录
│  |
│  |-App.vue 主体视图
│  │
│  └─main.js 入口文件
│  
└─package.json 配置文件

```

#### 开源地址

Gitee 开源地址: [前往下载](https://gitee.com/pear-admin/pear-admin-ant)


Github 开源地址: [前往下载](https://github.com/PearAdmin/Pear-Admin-Ant)


#### 快速上手

```

// 依赖安装

npm install

// 开发预览

npm run serve

// 开发打包

npm run build

// 生产打包

npm run build-prod

// 项目分析

npm run analyzer

```

#### 预览项目

|  |  |
|---------------------|---------------------|
| ![输入图片说明](https://images.gitee.com/uploads/images/2021/0318/175254_08906fd4_4835367.png "屏幕截图.png")  | ![输入图片说明](https://images.gitee.com/uploads/images/2021/0318/175304_0315059e_4835367.png "屏幕截图.png")  |
| ![输入图片说明](https://images.gitee.com/uploads/images/2021/0318/175317_789c0eee_4835367.png "屏幕截图.png")|  ![输入图片说明](https://images.gitee.com/uploads/images/2021/0318/175330_de1b033f_4835367.png "屏幕截图.png")   |
| ![输入图片说明](https://images.gitee.com/uploads/images/2021/0318/175343_442fcfa4_4835367.png "屏幕截图.png")|  ![输入图片说明](https://images.gitee.com/uploads/images/2021/0318/175353_a516655e_4835367.png "屏幕截图.png")   |
|![输入图片说明](https://images.gitee.com/uploads/images/2021/0318/175405_9780096f_4835367.png "屏幕截图.png")| ![输入图片说明](https://images.gitee.com/uploads/images/2021/0318/175418_a4676d4a_4835367.png "屏幕截图.png")   |
| ![输入图片说明](https://images.gitee.com/uploads/images/2021/0318/175431_e280020a_4835367.png "屏幕截图.png")|  ![输入图片说明](https://images.gitee.com/uploads/images/2021/0318/175444_35c33986_4835367.png "屏幕截图.png") |
|![输入图片说明](https://images.gitee.com/uploads/images/2021/0318/175514_c720b95a_4835367.png "屏幕截图.png")| ![输入图片说明](https://images.gitee.com/uploads/images/2021/0318/175526_0b0fb703_4835367.png "屏幕截图.png")   |
|![输入图片说明](https://images.gitee.com/uploads/images/2021/0318/175557_66dad488_4835367.png "屏幕截图.png")| ![输入图片说明](https://images.gitee.com/uploads/images/2021/0318/175608_4a018ced_4835367.png "屏幕截图.png")   |
|![输入图片说明](https://images.gitee.com/uploads/images/2021/0318/175620_1b2792bd_4835367.png "屏幕截图.png")| ![输入图片说明](https://images.gitee.com/uploads/images/2021/0318/175634_f2869491_4835367.png "屏幕截图.png")  |

### 开源共建

<p style="padding:10px;"  width="90%">

1. 欢迎提交 [pull request](https://gitee.com/pear-admin/pear-admin-ant/pulls)，注意对应提交对应 `master` 分支

2. 欢迎提交 [issue](https://gitee.com/pear-admin/pear-admin-ant/issues)，请写清楚遇到问题的原因、开发环境、复显步骤。

</p>

感谢每一位贡献代码的朋友。

如果对您有帮助，您可以点右上角 💘Star💘支持