# react-antd-admin-template

**Repository Path**: dongzi1998/react-antd-admin-template

## Basic Information

- **Project Name**: react-antd-admin-template
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-14
- **Last Updated**: 2025-03-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React Admin Template (use antd)

## 脚手架

```shell
yarn create vite --template react-ts

```

## 依赖

### 核心

```bash
# 路由管理：React Router
yarn add react-router-dom

# Http请求：Axios
yarn add axios

# 全局State管理: redux
yarn add @reduxjs/toolkit react-redux

# UI组件库：antd（基础库、icon库、高级库）
yarn add antd @ant-design/icons @ant-design/pro-components

# hooks工具库：ahooks
yarn add ahooks

# 组件文档：storybook
yarn add -D @storybook/react @storybook/addons
yarn storybook init

# Postcss插件：tailwindcss
yarn add tailwindcss  --dev
yarn tailwindcss init
# tailwind.config.js
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
}
# index.css
@tailwind base;
@tailwind components;
@tailwind utilities;
# vite.config.ts
import tailwindcss from "tailwindcss"

export default defineConfig({
  ...
  css: {
    postcss: {
      plugins: [
        tailwindcss,
      ]
    }
  },
  ...
})

# 国际化：i18next
yarn add react-i18next
# 获取用户浏览器默认语言
yarn add i18next-browser-languagedetector

```

### 组件库

```shell

# UI组件库: antd

# 块编辑器：@editorjs/editorjs

# 富文本编辑器: 



```

## 项目结构

- assets
- components
- layout
- locales
- pages
- service
- stories
- utils