naive-ui-admin VUE后台管理系统模板

🚀 简介

Naive Ui Admin 是一款完全免费且可商用的中后台解决方案，基于 🌟 Vue3.0🌟、🚀Vite🚀、✨Naive UI ✨ 和 🎉 TypeScript🎉。它融合了最新的前端技术栈，提炼了典型的业务模型和页面，包括二次封装组件、动态菜单、权限校验等功能，助力快速搭建企业级中后台项目。

🌈 特性

📦 二次封装的实用高扩展性组件🎨 响应式、多主题、多配置，快速集成，开箱即用🚀 强大的鉴权系统，支持三种鉴权模式，满足多样业务需求🌐 持续更新的实用性页面模板和交互设计，简化页面构建

🎥 预览

naive-ui-admin

账号：admin，密码：123456（随意）

💡 提示

如果您需要更多功能和组件，不妨尝试全新的NaiveAdmin，它可能正是您寻找的解决方案

NaiveAdmin 官网

NaiveAdmin 变更日志

为什么选我们？

Plus

全新设计版本，增加了众多特性，值得一试

基于NaiveUi组件库

NaiveAdmin Plus 预览

基于Antd组件库

NaiveAdmin Antd Plus 预览

Arco vue

智能设计体系，提供轻盈体验

NaiveAdmin Arco 预览

Element Plus

面向设计师和开发者的组件库

Element Plus Admin 预览

Antd vue

新产品，如果您选的技术栈是Antd的话，不妨看看

NaiveAdmin Antd 预览

以上版本同时具备NaiveAdmin功能/组件/页面，一如既往、开箱即用，欢迎前往查看。

📚 文档

文档地址

🛠 准备

node和git-项目开发环境
Vite - 熟悉 vite 特性
Vue3 - 熟悉 Vue 基础语法
TypeScript - 熟悉TypeScript基本语法
Es6+ - 熟悉 es6 基本语法
Vue-Router-Next - 熟悉 vue-router 基本使用
NaiveUi - ui 基本使用
Mock.js - mockjs 基本语法

🏗️ 使用

获取项目代码

git clone https://github.com/jekip/naive-ui-admin.git

安装依赖

cd naive-ui-adminpnpm install

运行

pnpm run dev

打包

pnpm build

📜 更新日志

CHANGELOG

🤝 如何贡献

非常欢迎你的加入！提一个 Issue或者提交一个Pull Request

Pull Request:

Fork 代码!
创建自己的分支:git checkout -b feat/xxxx
提交你的修改:git commit -am 'feat(function): add xxxxx'
推送您的分支:git push origin feat/xxxx
提交pull request

📋 Git 贡献提交规范

参考vue 规范 (Angular)
- feat增加新功能
- fix修复问题/BUG
- style代码风格相关无影响运行结果的
- perf优化/性能提升
- refactor重构
- revert撤销修改
- test测试相关
- docs文档/注释
- chore依赖更新/脚手架配置修改等
- workflow工作流改进
- ci持续集成
- types类型定义文件更改
- wip开发中