/vite-react-admin

vite-react-admin

Primary LanguageTypeScript

Vite-React-Admin

介绍

这是一个使用VITE、TypeScrip和AntDesign的后台管理项目的模板。

Version Version Version


✅ 支持Antd
✅ 支持css原子化
✅ 支持react-router路由
✅ 支持redux状态管理

安装

# 克隆项目
git clone https://github.com/xiaoxian521/Vite-React-Admin.git

# 进入项目目录
cd Vite-React-Admin

# 安装依赖
pnpm install

# 启动项目
pnpm dev

# 打包项目
pnpm build

## 预览项目
pnpm preview

目录结构

├── public                   // 静态资源
│   ├── favicon.ico
│   └── index.html
├── src                      // 源代码
│   ├── api                  // 接口
│   ├── assets                // 静态资源
│   ├── components            // 组件
│   ├── config                 // 配置
│   ├── hooks                 // 钩子
│   ├── pages                 // 页面
│   ├── router                 // 路由
│   ├── store                  // 状态管理
│   ├── styles                 // 样式
│   ├── utils                  // 工具
│   ├── App.tsx                  // 根组件
│   ├── main.tsx                 // 入口文件
│   └── vite-env.d.ts           // 环境变量
├── .eslintrc.cjs                 // eslint配置
├── .gitignore                  // git忽略文件
├── index.html                  // 入口html
├── package.json                 // 项目依赖
├── pnpm-lock.yaml                // pnpm依赖锁
├── tsconfig.json                 // ts配置
└── vite.config.ts                 // vite配置