naive-ui-admin: A Vue repository from alienRidingCat

简介

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:

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