# Pear Admin Naive

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

## Basic Information

- **Project Name**: Pear Admin Naive
- **Description**: 🌸 基 于 Naive Ui 的 Admin 管 理 系 统 模 板
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: http://naive.pearadmin.com/#/login
- **GVP Project**: No

## Statistics

- **Stars**: 85
- **Forks**: 31
- **Created**: 2021-09-24
- **Last Updated**: 2025-03-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue

## README

<div align="center">
<br/>

  <h1 align="center">
    Pear Admin Naive
  </h1>

  <h4 align="center">
     开 箱 即 用 的 Vue3 与 Naive UI 企 业 级 开 发 模 板
  </h4>

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

</div>

<p align="center">
    <a href="#">
        <img src="https://img.shields.io/badge/Pear Admin Naive-1.0.0-green.svg" alt="Pear Admin Naive 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/Naive-2.0.0-green.svg" alt="Naive UI Version">
    </a>
    <br/>
    <a href="#">
        <img src="https://img.shields.io/badge/Node-16.0.0-red.svg" alt="Node 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://cdn.jsdelivr.net/gh/jiabinbin/cdn/images/system-template/login-light.png" />
  <img  width="92%" style="border-radius:10px;margin-top:20px;margin-bottom:20px;box-shadow: 2px 0 6px gray;" src="https://cdn.jsdelivr.net/gh/jiabinbin/cdn/images/system-template/login-dark.png" />
  <img  width="92%" style="border-radius:10px;margin-top:20px;margin-bottom:20px;box-shadow: 2px 0 6px gray;" src="https://cdn.jsdelivr.net/gh/jiabinbin/cdn/images/system-template/table.png" />
  <img  width="92%" style="border-radius:10px;margin-top:20px;margin-bottom:20px;box-shadow: 2px 0 6px gray;" src="https://cdn.jsdelivr.net/gh/jiabinbin/cdn/images/system-template/use-api.png" />
</div>

### 使用文档
[文档地址](http://naive-doc.pearadmin.com/)

### 🌈 项目概述

- 基于 Vue 3 setup script语法 与 Naive UI 实现的通用中后台管理模板。整合最新技术高效快速开发，前后端分离模式，开箱即用。
- 借鉴Vben的思想(但不包涵任何相关代码)

[//]: # (### ☘ 更新日志)

[//]: # (更新日志 [查看日志]&#40;https://gitee.com/pear-admin/pear-admin-naive-min/releases&#41;)

### 🍚 功能概览

- [x] 请求模块: 请求使用umi-request，支持供常用的调用方式和hook调用方式(useApi)。

### 🔨 项目结构

```
Pear Admin Naive Min
│
├─src 源码
│
└─package.json  Npm 配置

```

### ⚡ 快速启动

```

切换环境

nvm install 16.0.0

nvm use 16.0.0

安装依赖

npm install --global pnpm

pnpm install

启动项目

pnpm run serve

```

### 📖 帮助文档

[项目文档](http://naive-doc.pearadmin.com/)
除却需要jsx支持的组件外，其它均采用 setup-script 语法，[详情](https://github.com/vuejs/rfcs/pull/227#issuecomment-870105222)


👉 编写中

[//]: # (### 🍎 预览界面)

[//]: # ()
[//]: # (| 预览 | 界面 |)

[//]: # (| --- | --- |)

[//]: # (| ![输入图片说明]&#40;https://images.gitee.com/uploads/images/2021/0505/223456_0ae4c5ef_4835367.png '屏幕截图.png'&#41; | ![输入图片说明]&#40;https://images.gitee.com/uploads/images/2021/0505/223516_74b7d454_4835367.png '屏幕截图.png'&#41; |)

### 💐 特别鸣谢

- 👉 Vue Next：[https://github.com/vuejs/vue-next](https://github.com/vuejs/vue-next)
- 👉 Vue Use：[https://github.com/vueuse/vueuse](https://github.com/vueuse/vueuse)
- 👉 Naive UI：[https://github.com/TuSimple/naive-ui](https://github.com/TuSimple/naive-ui)

### 🍻 贡献代码

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

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

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

</p>

### start 趋势

[![Giteye chart](https://chart.giteye.net/gitee/jobin_jia/pear-admin-naive-min/GVB5WBKG.png)](https://giteye.net/chart/GVB5WBKG)

### 贡献列表

[![Giteye chart](https://chart.giteye.net/gitee/jobin_jia/pear-admin-naive-min/8EQS6NZQ.png)](https://giteye.net/chart/8EQS6NZQ)

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

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