https://github.com/zyj1022/vite-react-antd
Vite + React + Antd + Typescript + Fastify Template
https://github.com/zyj1022/vite-react-antd
antd fastify typescript vite
Last synced: about 1 month ago
JSON representation
Vite + React + Antd + Typescript + Fastify Template
- Host: GitHub
- URL: https://github.com/zyj1022/vite-react-antd
- Owner: zyj1022
- License: mit
- Created: 2021-10-09T06:30:25.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-06-06T06:11:54.000Z (about 4 years ago)
- Last Synced: 2025-02-15T18:33:54.329Z (over 1 year ago)
- Topics: antd, fastify, typescript, vite
- Language: TypeScript
- Homepage:
- Size: 501 KB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
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
# clone
git clone https://github.com/zyj1022/vite-react-antd.git
# 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：初始化项目