naive-ui-admin: A Vue repository from que-yue

简介

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:

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 开发中