naive-ui-admin

🚀 简介

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

🌈 特性

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

🎥 预览

• naive-ui-admin

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

💡 提示

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

NaiveAdmin 官网

NaiveAdmin 变更日志

为什么选我们？

Plus

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

NaiveAdmin Plus 预览

Arco vue

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

NaiveAdmin Arco 预览

Element Plus

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

Element Plus Admin 预览

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

Antd vue

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

NaiveAdmin Antd 预览

📚 文档

文档地址

🛠 准备

• 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

<img src="https://yellow-cdn.veclightyear.com/835a84d5/ff058b4e-94be-45a2-bf88-10c547b649ec.png" alt=" Edge" width="24px" height="24px" /></br>IE	<img src="https://yellow-cdn.veclightyear.com/835a84d5/ff058b4e-94be-45a2-bf88-10c547b649ec.png" alt=" Edge" width="24px" height="24px" /></br>Edge	<img src="https://yellow-cdn.veclightyear.com/835a84d5/d514863b-0946-4f9e-ba3c-2495f1fef806.png" alt="Firefox" width="24px" height="24px" /></br>Firefox	<img src="https://yellow-cdn.veclightyear.com/835a84d5/f5ef1ae6-2b48-4c94-9b8f-f453b45d4e13.png" alt="Chrome" width="24px" height="24px" /></br>Chrome	<img src="https://yellow-cdn.veclightyear.com/835a84d5/dc621b0b-43ac-42ba-b7ad-8f19d9d68d79.png" alt="Safari" width="24px" height="24px" /></br>Safari
不支持	最新两个版本	最新两个版本	最新两个版本	最新两个版本

👥 维护者

@Ah jung

💬 交流

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

💖 赞助

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

Paypal Me