# vite+react+ts中后台项目

**Repository Path**: fanbingtao/vite-react-common-empty

## Basic Information

- **Project Name**: vite+react+ts中后台项目
- **Description**: 在vite+ts+react的基础上添加了react路由v6版本功能，可实现动态请求菜单、路由权限。
配置灵活，同时也添加了代码质量、代码提交规范等功能。
状态管理使用zustand，
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-04-25
- **Last Updated**: 2022-06-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## react-vite

## Describe
在vite+ts+react的基础上添加了react路由v6版本功能，可实现动态请求菜单、路由权限。
配置灵活，同时也添加了代码质量、代码提交规范等功能。
状态管理使用zustand，（注意：项目中配置有适配功能，在修改layout文件中部分内容后可作为h5项目使用，如需使用适配功能步骤如下）
1：解开根目录下postcss.config.js中的内容
2：进入main.tsx文件中打开相关注释，
详细使用方法进入文件查看注解

## Install node_modules

```javascript
yarn;
```

or

```javascript
npm install;
```

## Start Project

```javascript
yarn vite;
```

## Tools(配置了解请查看官网)

- vite.js 官网 https://vitejs.dev/

- commitlint 官网 https://github.com/conventional-changelog/commitlint

- husky（配置 git 提交前的 hooks） 官网 https://github.com/typicode/husky

- lint-staged 官网 https://github.com/okonet/lint-staged

- eslint

- typescript eslint 官网 https://github.com/typescript-eslint/typescript-eslint

- prettier（prettier 和 eslint 配合请查看官网）

- axios

- stylelint

- zustand (https://github.com/pmndrs/zustand)

- proTable (https://procomponents.ant.design/components/table?current=1&pageSize=5)

- postcss-pxtorem (https://github.com/cuth/postcss-pxtorem/)

- antd

- @umijs/fabric (https://github.com/umijs/fabric)