Awesome
<div align="center"> <br/> <h1 align="center"> Pear Admin Naive </h1> <h4 align="center"> 开 箱 即 用 的 Vue3 与 Naive UI 企 业 级 开 发 模 板 </h4><a href="http://naive.pearadmin.com" target="_blank">预览</a>
</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>使用文档
🌈 项目概述
- 基于 Vue 3 setup script语法 与 Naive UI 实现的通用中后台管理模板。整合最新技术高效快速开发,前后端分离模式,开箱即用。
- 借鉴Vben的思想(但不包涵任何相关代码)
🍚 功能概览
- 请求模块: 请求使用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
📖 帮助文档
项目文档 除却需要jsx支持的组件外,其它均采用 setup-script 语法,详情
👉 编写中
💐 特别鸣谢
- 👉 Vue Next:https://github.com/vuejs/vue-next
- 👉 Vue Use:https://github.com/vueuse/vueuse
- 👉 Naive UI:https://github.com/TuSimple/naive-ui
🍻 贡献代码
<p style="padding:10px;" width="90%">-
欢迎提交 pull request,注意对应提交对应
develop
分支 -
欢迎提交 issue,请写清楚遇到问题的原因、开发环境、复显步骤。
start 趋势
贡献列表
感谢每一位贡献代码的朋友。
如果对您有帮助,您可以点右上角 💘Star💘 支持