Awesome

简介

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

特性

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

预览

• naive-ui-admin

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

提示

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

NaiveAdmin 官网

NaiveAdmin v2 预览

NaiveAdmin v2 变更日志

新品

Antd vue

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

NaiveAdmin Antd 预览

Arco vue

新产品，智能设计体系，连接轻盈体验

NaiveAdmin Arco 预览

Element Plus

新产品，面向设计师和开发者的组件库

Element Plus Admin 预览

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

文档

v1文档地址

准备

• 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

维护者

@Ah jung

交流

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

赞助

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

Paypal Me