6月22日，上海·源创会，云技术专场火热报名中

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

克隆/下载

README.md 3.18 KB

<div align="center">
<img alt="VbenAdmin Logo" width="200" height="200" src="https://gitee.com/lishuhan/pic-go-ee/raw/master/PicGO-updata-img/favicon.jpg"><br> <br>

[![license](https://img.shields.io/github/license/anncwb/vue-vben-admin.svg)](LICENSE)

<h1>vyun-admin</h1>
<h2>Vue3中后台管理系统</h1>
</div

## 简介

vyun-admin是一套全部开源的快速开发平台。使用了最新的`vue3.3.4`,`vite4`,`TypeScript`等主流技术开发

- **最新技术栈**：前端采用 Vue、Ant-Design-vue4.x。
- **TypeScript**: 应用程序级 JavaScript 的语言
- **主题**：可配置的主题
- **国际化**：内置完善的国际化方案
- **Mock 数据** 内置 Mock 数据方案
- **权限** 内置完善的动态路由权限生成方案
- **组件** 二次封装了多个常用的组件
- **可视化大屏**  vue3封装了多个大屏拿来即用,持续更新中
## 内置功能

1.  用户管理：用户是系统操作者，该功能主要完成系统用户配置。
2.  菜单管理：配置系统菜单，操作权限，按钮权限标识等。
3.  角色管理：角色菜单权限分配、设置角色按机构进行数据范围权限划分。
4.  大屏管理：常用大屏模板、组件。

## 准备

- [node 18.16.0](http://nodejs.org/) 和 [git](https://git-scm.com/) -项目开发环境 
- [Vite](https://vitejs.dev/) - 熟悉 vite 特性
- [Vue3](https://v3.vuejs.org/) - 熟悉 Vue 基础语法
- [TypeScript](https://www.typescriptlang.org/) - 熟悉`TypeScript`基本语法
- [Es6+](http://es6.ruanyifeng.com/) - 熟悉 es6 基本语法
- [Vue-Router-Next](https://next.router.vuejs.org/) - 熟悉 vue-router 基本使用
- [Ant-Design-Vue](https://2x.antdv.com/docs/vue/introduce-cn/) - ui 基本使用
- [Mock.js](https://github.com/nuysoft/Mock) - mockjs 基本语法

## 安装使用

- 获取项目代码

```bash
git clone https://gitee.com/lishuhan/vyun
```
- 安装 Node.js 18.16.0

- 安装 yarn

```bash
npm install -g yarn
```

-  依赖安装命令

```bash
yarn
```
## 启动
```bash
yarn dev
```

## 相关插件

如果这些插件对你有帮助，可以给一个 star 支持下

- [vite-plugin-mock](https://github.com/anncwb/vite-plugin-mock) - 用于本地及开发环境数据 mock
- [@iconify/vue"](https://github.com/anncwb/vite-plugin-html) - icon图标

## 演示图

<table>
    <tr>
        <td><img src="https://gitee.com/lishuhan/pic-go-ee/raw/master/PicGO-updata-img/login.jpeg"/></td>
        <td><img src="https://gitee.com/lishuhan/pic-go-ee/raw/master/PicGO-updata-img/home.jpeg"/></td>
    </tr>
    <tr>
        <td><img src="https://gitee.com/lishuhan/pic-go-ee/raw/master/PicGO-updata-img/menu.jpeg"/></td>
        <td><img src="https://gitee.com/lishuhan/pic-go-ee/raw/master/PicGO-updata-img/user.jpeg"/></td>
    </tr>
    <tr>
        <td><img src="https://gitee.com/lishuhan/pic-go-ee/raw/master/PicGO-updata-img/visualList.jpeg"/></td>
        <td><img src="https://gitee.com/lishuhan/pic-go-ee/raw/master/PicGO-updata-img/car.jpeg"/></td>
    </tr>
    <tr>
        <td><img src="https://gitee.com/lishuhan/pic-go-ee/raw/master/PicGO-updata-img/moeny.jpeg"/></td>
    </tr>
</table>

一键复制编辑原始数据按行查看历史

提交于 2023-12-07 15:17 . update README.md.

vyun-admin

Vue3中后台管理系统

简介

vyun-admin是一套全部开源的快速开发平台。使用了最新的vue3.3.4,vite4,TypeScript等主流技术开发

最新技术栈：前端采用 Vue、Ant-Design-vue4.x。
TypeScript: 应用程序级 JavaScript 的语言
主题：可配置的主题
国际化：内置完善的国际化方案
Mock 数据 内置 Mock 数据方案
权限内置完善的动态路由权限生成方案
组件二次封装了多个常用的组件
可视化大屏 vue3封装了多个大屏拿来即用,持续更新中

内置功能

用户管理：用户是系统操作者，该功能主要完成系统用户配置。
菜单管理：配置系统菜单，操作权限，按钮权限标识等。
角色管理：角色菜单权限分配、设置角色按机构进行数据范围权限划分。
大屏管理：常用大屏模板、组件。

准备

node 18.16.0 和 git -项目开发环境
Vite - 熟悉 vite 特性
Vue3 - 熟悉 Vue 基础语法
TypeScript - 熟悉TypeScript基本语法
Es6+ - 熟悉 es6 基本语法
Vue-Router-Next - 熟悉 vue-router 基本使用
Ant-Design-Vue - ui 基本使用
Mock.js - mockjs 基本语法

安装使用

获取项目代码

git clone https://gitee.com/lishuhan/vyun

安装 Node.js 18.16.0
安装 yarn

npm install -g yarn

依赖安装命令

yarn

启动

yarn dev

相关插件

如果这些插件对你有帮助，可以给一个 star 支持下

vite-plugin-mock - 用于本地及开发环境数据 mock
@iconify/vue" - icon图标

演示图

HTML

1

https://gitee.com/lishuhan/vyun.git

git@gitee.com:lishuhan/vyun.git

lishuhan

vyun

vyun

master