# tio-vite-react

**Repository Path**: tywo45/tio-vite-react

## Basic Information

- **Project Name**: tio-vite-react
- **Description**: Showcase for Vite、React、Typescript、Windicss、React-router-dom、React-redux and so on
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 17
- **Forks**: 0
- **Created**: 2021-12-17
- **Last Updated**: 2023-03-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# tio-vite-react

#### 介绍
Showcase for Vite、React、Typescript、Windicss、React-router-dom、React-redux and so on


#### 使用说明
学习任何一门技术，都是始于学习，熟于练习，精于生产。作为一名前端小白，这个项目将会持续更新，直到我这个小白成为一个react、typescript的老手

```sh
## 安装
npm i
# 运行开发版本
npm run dev

# 构建
npm run build
# 运行构建版本
npm run serve
```

#### 目录说明
```

│  delete.node_modules.bat  快速清空node_modules目录
│  index.html
│  package.json
│  tsconfig.json
│  vite.config.ts
│  windi.config.ts
│  
└─src
    │  App.css
    │  App.min.css
    │  App.scss
    │  App.tsx
    │  favicon.svg
    │  index.css
    │  logo.svg
    │  main.tsx
    │  vite-env.d.ts
    │  
    ├─comps  存放公共组件
    │      RouteNav.tsx
    │      TioRoot.tsx
    │      
    ├─router 路由汇总
    │      AppRouter.tsx
    │      
    ├─styles 
    │      global.css
    │      
    ├─util
    │      c.ts  一些常量，c是const的简写
    │      http.ts  http-api请求
    │      
    └─view
        │  Home.tsx
        │  
        ├─demo
        │      UseEffectDemo.tsx  演示useEffect
        │      UseReducerDemo.tsx 演示useReducer
        │      
        └─error
                Error404.tsx  404页面
                

```

#### 其它
吐槽我的另一个[开源作品t-io](https://gitee.com/tywo45/t-io)的同学，可以趁虚来吐槽一下我这个新的开源小作品^_^

![输入图片说明](image.png)