https://github.com/liaoyio/react-admin-static

使用 Vite + React18 + UnoCSS + I18n 搭建的 Admin 后台管理系统。
https://github.com/liaoyio/react-admin-static

Last synced: about 2 months ago
JSON representation

使用 Vite + React18 + UnoCSS + I18n 搭建的 Admin 后台管理系统。

• Host: GitHub
• URL: https://github.com/liaoyio/react-admin-static
• Owner: liaoyio
• Created: 2023-12-25T13:28:43.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-28T07:47:43.000Z (over 1 year ago)
• Last Synced: 2025-03-29T19:45:16.443Z (2 months ago)
• Language: TypeScript
• Homepage: https://react-admin-liaoyi.vercel.app
• Size: 1.01 MB
• Stars: 6
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 


 




Yi Admin 后台模板





Yi Admin 是一个现代化的后台管理模板，基于 React18、Vite、Ant Design、UnoCSS 和 TypeScript 构建。它旨在帮助开发人员快速搭建功能强大的后台管理系统。

## 预览

![](https://cdn.jsdelivr.net/gh/liaoyio/imgHosting/Next.js/yi-admin-login-light.png) ![](https://cdn.jsdelivr.net/gh/liaoyio/imgHosting/Next.js/yi-admin-login-dark.png)

![](https://cdn.jsdelivr.net/gh/liaoyio/imgHosting/Next.js/light-ch.png) ![](https://cdn.jsdelivr.net/gh/liaoyio/imgHosting/Next.js/dark-en.png)

## 特性

- 使用 React 18 hooks 进行构建。

- 基于 Vite 进行快速开发和热模块替换。

- 集成 Ant Design，提供丰富的 UI 组件和设计模式。

- 使用 TypeScript 编写，提供类型安全性和更好的开发体验。

- 响应式设计，适应各种屏幕尺寸和设备。

- 灵活的路由配置，支持多级嵌套路由。

- 集成权限管理，根据用户角色控制页面访问权限。

- 集成国际化支持，轻松切换多语言。

- 集成常见的后台管理功能，如用户管理、角色管理、权限管理等。

- 可定制的主题和样式，以满足您的品牌需求。

- 使用 Zustand 进行状态管理

## 快速开始

### 获取项目代码

```bash

git clone https://github.com/liaoyio/react-admin.git

```

### 安装依赖

在项目根目录下运行以下命令安装项目依赖：

```bash

pnpm install

```

### 启动开发服务器

运行以下命令以启动开发服务器：

```bash

pnpm dev

```

访问 [http://localhost:3001](http://localhost:3001) 查看您的应用程序。

### 构建生产版本

运行以下命令以构建生产版本：

```bash

pnom build

```

构建后的文件将位于 `dist` 目录中。