Awesome

🚀 简介

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-admin

pnpm install

• 运行

pnpm run dev

• 打包

pnpm build

📜 更新日志

CHANGELOG

🤝 如何贡献

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

Pull Request:

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

📋 Git 贡献提交规范

• 参考 vue 规范 (Angular)

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

🌐 浏览器支持

本地开发推荐使用Chrome 80+ 浏览器

支持现代浏览器, 不支持 IE

👥 维护者

@Ah jung

💬 交流

有关 Naive Ui Admin 的使用或其他问题，欢迎加入我们的讨论群组或提出问题。

QQ1群：328347666 （已满） QQ2群：741353560

💖 赞助

如果您觉得这个项目对您有帮助，可以通过下面的链接为作者买一杯果汁，表示感谢！。

Paypal Me