# vite-react-antd

**Repository Path**: codeffe/vite-react-antd

## Basic Information

- **Project Name**: vite-react-antd
- **Description**: vite-react-antd
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-03-30
- **Last Updated**: 2023-03-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# [Vite](https://cn.vitejs.dev/) + React + Antd + Typescript + [Fastify](https://www.fastify.io/)

用`vite2.x`搭建的`react17.x`项目，支持`TypeScript4.x`、`Antd4.x`，`mobx`, mock 数据采用 [`fastify`](https://www.fastify.io/) 等。

## 开发

可以用 [pnpm](https://pnpm.io/zh/motivation) 来创建非扁平化的 node_modules 文件夹。**[安装pnpm方法](https://pnpm.io/zh/installation)**

```sh
# install
yarn install  # pnpm install

# start
yarn start
```

## 特性支持

- 用 `Typescript`、`Antd`可以支持主题样式覆盖
- 用 `Mobx` 管理 `store`
- 支持`Proxy`代理、`alias`别名
- 支持`HMR`快速热更新
- 支持规范Git提交

## 目录结构

```js
├── dist                                // 默认的 build 输出目录
├── config                              // 全局配置文件
├── mock                                // mock 数据自造
└── src                                 // 源码目录
    ├── assets                          // 公共的文件（如image、font等）
    ├── components                      // 项目组件
    ├── constants                       // 常量定义
    ├── layout                          // 全局布局
    ├── routes                          // 路由
    ├── stores                          // 状态管理器
    ├── styles                          // 样式相关
    ├── utils                           // 工具库
    ├── pages                           // 页面模块
        ├── xxx                         // 开发页面模块
        ├── ...
    ├── App.tsx                         // react顶层文件
    ├── main.ts                         // 项目入口文件
    ├── typing.d.ts                     // ts类型文件
├── .editorconfig                       // IDE格式规范
├── .env                                // 环境变量
├── .eslintignore                       // eslint忽略
├── .eslintrc                           // eslint配置文件
├── .gitignore                          // git忽略
├── .npmrc                              // npm配置文件
├── .prettierignore                     // prettierc忽略
├── .prettierrc                         // prettierc配置文件
├── index.html                          // 项目入口文件
├── LICENSE.md                          // LICENSE
├── package.json                        // package
├── pnpm-lock.yaml                      // pnpm-lock
├── postcss.config.js                   // postcss
├── README.md                           // README
├── tsconfig.json                       // typescript配置文件
└── vite.config.ts                      // vite
```

## 版本记录

- v0.0.1：初始化项目