简介

Naive Ui Admin 完全免费，且可商用，基于 Vue3.0、Vite、 Naive UI、TypeScript 的中后台解决方案，它使用了最新的前端技术栈，并提炼了典型的业务模型，页面，包括二次封装组件、动态菜单、权限校验、粒子化权限控制等功能，它可以帮助你快速搭建企业级中后台项目， 相信不管是从新技术使用还是其他方面，都能帮助到你。

特性

• 二次封装实用高扩展性组件
• 响应式、多主题，多配置，快速集成，开箱即用
• 最新技术栈，使用 Vue3、Typescript、Pinia、Vite 等前端前沿技术
• 强大的鉴权系统，对路由、菜单、功能点等支持三种鉴权模式，满足不同的业务鉴权需求
• 持续更新，实用性页面模板功能和交互，随意搭配组合，让构建页面变得简单化

预览

• naive-ui-admin

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

提示

如果开源版本的功能和组件，并不能满足您的需求，不妨看看，我们全新 NaiveAdmin 他或许能让您眼前一亮O(∩_∩)O哈哈~

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 基本使用
• Naive-ui-admin - ui 基本使用
• Mock.js - mockjs 基本语法

使用

• 获取项目代码

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

• 安装依赖

cd naive-ui-admin

yarn install

• 运行

yarn dev

• 打包

yarn 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

IE	Edge	Firefox	Chrome	Safari
not support	last 2 versions	last 2 versions	last 2 versions	last 2 versions

维护者

@Ah jung

交流

Naive Ui Admin 使用或者其他问题，都可以在群内讨论或提问。

赞助

如果你觉得这个项目帮助到了你，你可以帮作者买一杯果汁表示鼓励 🍹。

Paypal Me